JQuery Click Bind funktioniert nicht zum zweiten Mal
Ich habe ein seltsames Verhalten mita
und mitimg
tag drinnen.
Ich habe eine PHP-Seite mit einer Tabelle, die eine Liste von Datensätzen ist. Am Ende jeder Zeile habe ich eine Schaltfläche zum Löschen der Zeile.
Dies ist der Code meiner Tabelle:
<div class='edit' >
<a id='20' href='#' return;>
<img src='images/edit.png' />
</a>
</div>
Jeder Datensatz, jede Zeile der Haupttabelle hat den obigen Code mit unterschiedlichen IDs.
Mein Skriptcode ist:
$("#delete a").click(function(e) {
e.preventDefault();
$('#action').val("delete");
$('#keyAction').val(this.id);
$.ajax({
type: "POST",
url: "processAttivita.php",
data: $("#attivita_form").serialize(),
error: function(msg) {
$("#errore").html(msg);
},
success: function(msg) {
// display the errors returned by server side validation (if any)
ricaricaLista();
}
});
// end click delete event
});
Die erste Zeile, die ich zu löschen versuche, auf das Bild zu klicken, funktioniert einwandfrei. Im zweiten Fall scheint jquery das "click" -Ereignis und die Standard-href von nicht zu bindena
Das Element tritt auf und verbleibt aufgrund des "#" im href-Attribut auf derselben Seite.
Irgendwelche Ideen, warum die zweite JQuery das Klicken nicht abfängt<a>
Element ?