Einträge editieren / Ajax

[Pit]

Hallo,

ich möchte Tabelleninhalte per Ajax ändern. Das klappt auch bereits sehr gut, leider habe ich aber noch Probleme damit, dass die neuen Einträge danach nicht gleichermaßen anklickbar sind, wie die alten.

Ich generiere per php Tabellenzeilen, die ihre ID dynamisch erhalten: (In datenset.id steht die neue ID des Eintrags, in datenset.wert steht der Inhalt)

echo ("<tr id='normalline_".$row[0]."'>
<td>".$row[1]."</td>
<td><i class=\"fa fa-edit fa-fw icon_edit_kat\" id='edit_".$row[0]."'></i>&nbsp;&nbsp;
<i class=\"fa fa-remove fa-fw icon_remove_kat\" id='remove_".$row[0]."'></i>&nbsp;&nbsp;
<i class=\"fa fa-sort fa-fw icon_edit_kat\"></i>&nbsp;&nbsp;
<i class=\"fa fa-save fa-fw icon_save_deaktiv_kat\" id='save_".$row[0]."'></i>&nbsp;&nbsp;
</td></tr>");

echo ("<tr id='editline_".$row[0]."' style='display:none'>
<td><input type=text name=\"edit_orig_".$row[0]."\" value=\"".$row[1]."\"></td>
<td><i class=\"fa fa-edit fa-fw icon_edit_kat\" id='edit_".$row[0]."'></i>&nbsp;&nbsp;
<i class=\"fa fa-remove fa-fw icon_remove_kat\" id='remove_".$row[0]."'></i>&nbsp;&nbsp;
<i class=\"fa fa-save fa-fw icon_save_kat\" id='save_".$row[0]."'></i>&nbsp;&nbsp;
</td></tr>");

Nach Sichtbarmachen der Tabellenzeile kann ich das input-Feld edit_orig_".$row[0]." editieren und das click-event über das save-icon auslösen.

Deshalb hier der JS-Teil, der aber auch php-generiert ist, daher als php-code.

        success : function(data) {
        var einzeldata = JSON.parse( data );
        for ( var i = 0; i < einzeldata.length; i++ ) {
        var datenset = einzeldata[ i ];
				}
				if ( datenset.typ === \"success\" ) {
				$('#editline_'+datenset.id).hide();
				$('#normalline_'+datenset.id).show();
				$('#normalline_'+datenset.id).html('<td>' + datenset.wert + '</td><td><i class=\"fa fa-edit fa-fw icon_edit_kat\" id=\"edit_\"' + datenset.id + '></i>&nbsp;&nbsp;&nbsp;<i class=\"fa fa-remove fa-fw icon_remove_kat\" id=\"remove_\"' + datenset.id + '></i>&nbsp;&nbsp;&nbsp;<i class=\"fa fa-sort fa-fw icon_edit_kat\"></i>&nbsp;&nbsp;&nbsp;<i class=\"fa fa-save fa-fw icon_save_deaktiv_kat\" id=\"save_\"' + datenset.id + '></i>&nbsp;&nbsp;</td>');

Der Eintrag wird editiert, der neue Eintrag nimmt die Stelle des alten Eintrages ein. Aber er ist nicht anklickbar, kann also kein 2. mal editiert werden.

Woran liegt das und wie stelle ich es an, dass hieraus ein wirklich runder Kreislauf entsteht, sodass ich einen Eintrag von mir aus 10 mal hintereinander editieren kann?

Pit