Warum ist das von jquery mithilfe von Click gebundene Ereignis ungültig?

jqueryDas durch Klicken gebundene Ereignis ist ungültig

$(this).children(":last").prev().after("<div class=&#39;bounty-add&#39;><a target=&#39;_blank&#39; href=&#39;bounties.php#/p=add&XID=" + playerId + "&#39;>[Bounty]</a></div>"); 
$(this).children(":last").prev().after("<div class=&#39;info-add&#39;><a href=&#39;#&#39;>[Refresh]</a></div>");        
$("div.bounty-add").css(addStyle);
$("div.info-add").css(addStyle);
         
         
$(this).children(":last").prev().children("a").click(function() {
   alert("Hello");
});

Der relevante Basiscode ist wie oben. Die Aktualisierung eines Elements kann jedoch reibungslos abgerufen werden Es ist gebunden. Das Click-Ereignis ist ungültig und in den „Ereignis-Listenern“ von „Elements“ in den „Entwicklertools“ von Chrome kann keine gültige Bindung gefunden werden.
Das durch den obigen Basiscode hinzugefügte DOM ist jeweils gültig. Schleifen, aber ich bin der Meinung, dass es keine Auswirkungen haben sollte. Alle Codes können reibungslos ausgeführt werden, einschließlich des Bindungsschritts . Selbst wenn Sie nach Abschluss der Ausführung auf das a-Element klicken, funktioniert es nicht und Sie können die daran gebundene Funktion nicht finden. . . . . . .

$(this).children(":last").prev().children("a").on("click",function() {
   alert("Hello");
});

auf Ich habe es auch versucht, aber es hat nicht funktioniert. Es scheint, dass diese beiden im Grunde das Gleiche sind?
Da das a-Element selbst über das anklickbare -Attribut verfügt, reagiert es nach dem Klicken immer noch auf sein ursprüngliches Ereignis, z. B. href='#', und am Ende wird ein # hinzugefügt Adressleiste. . . . Ich frage mich, ob es daran liegt, dass das ursprüngliche Ereignis das später hinzugefügte Ereignis überschreibt. . . . . .

Ihre vorherige Bindung war

$(this).children(":last").prev().children("a").on("click",function() {
   alert("Hello");
});

dieselbe wie eine normale Klickbindung
Versuchen Sie es mit einer Bindung wie dieser

$(this).on("click",".info-add a",function() {
   alert("Hello");
});

Ihr Element Wird es dynamisch generiert?
Wenn ja, verwenden Sie Live- oder Delegate-Bindung

Live jquery1.9 hat es entfernt. Nun liegt es nicht daran, dass das Element nicht gefunden werden kann oder nicht gebunden werden kann, sondern dass es nach der Bindung ungültig ist.
Ich habe das a-Element direkt in das p-Element geändert, das auch in Click-Listenern enthalten ist, aber alter("hello"); kann auf keinen Fall ausgelöst werden. . . . . .

Verwenden Sie zunächst Firebug, um zu sehen, ob auf der Seite ein Skriptfehler vorliegt.
Stellen Sie erneut sicher, dass Ihr Code das a-Element findet.
Zum Schluss. Sie können

$(document).on("click",".info-add",function(){
alert("ok")
})

verwenden. Wenn das nicht funktioniert, senden Sie mir bitte den vollständigen Code

Das obige ist der detaillierte Inhalt vonWarum ist das von jquery mithilfe von Click gebundene Ereignis ungültig?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!