Heim >Web-Frontend >js-Tutorial >jQuerys Methode zum Binden von Ereignissen an dynamisch hinzugefügte elements_jquery

jQuerys Methode zum Binden von Ereignissen an dynamisch hinzugefügte elements_jquery

WBOY
WBOYOriginal
2016-05-16 16:10:401084Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie jQuery Ereignisse an dynamisch hinzugefügte Elemente bindet. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Bindungsereignisse in jquery verwenden im Allgemeinen Bind oder Click, aber dies kann nur Ereignisse für geladene Elemente definieren, und Elemente, die später hinzugefügt und eingefügt werden, müssen separat gebunden werden. Live vor Version 1.7 verwenden. Es wird jedoch empfohlen, es ab Version 1.8 zu verwenden. Hier finden Sie eine Einführung in die Bindung von Ereignissen an dynamisch hinzugefügte Elemente in jQuery
In der tatsächlichen Entwicklung werden Sie auf Situationen stoßen, in denen Sie Triggerereignisse an dynamisch generierte HTML-Elemente binden müssen

Zum Beispiel

<div id="testdiv">
  <ul></ul>
</div>

Sie müssen ein Klickereignis zum 25edfb22a4f469ecb59f1190150159c6-Tag hinzufügen, das dynamisch in ff6d136ddc5fdfeffaf53ff6ee95f185 hinzugefügt wird
Vor Jquery-Version 1.7 wurden dynamische Live-Bindungsereignisse verwendet

$("#testdiv ul li").live("click",function(){
});
Verwenden Sie nach der JQuery-Version 1.7 on, um Ereignisse dynamisch zu binden

$("#testdiv ul").on("click","li", function() {
     //do something here
 });
Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn