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
Freigeben: 2016-05-16 16:10:40
Original
1096 Leute haben es durchsucht

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>
Nach dem Login kopieren

Sie müssen ein Klickereignis zum

  • -Tag hinzufügen, das dynamisch in
      hinzugefügt wird
      Vor Jquery-Version 1.7 wurden dynamische Live-Bindungsereignisse verwendet

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

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

  • Quelle:php.cn
    Erklärung dieser Website
    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
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage