Kaedah jQuery untuk mengikat peristiwa kepada elemen_jquery yang ditambah secara dinamik

Contoh dalam artikel ini menerangkan cara jQuery mengikat acara kepada elemen yang ditambah secara dinamik. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Peristiwa pengikatan dalam jquery secara amnya menggunakan bind atau klik, tetapi ini hanya boleh mentakrifkan peristiwa untuk elemen yang telah dimuatkan dan elemen yang ditambahkan dan dimasukkan kemudian perlu diikat secara berasingan. Gunakan secara langsung sebelum versi 1.7. Walau bagaimanapun, adalah disyorkan untuk digunakan pada selepas versi 1.8. Berikut ialah pengenalan kepada cara mengikat acara kepada elemen yang ditambah secara dinamik dalam jQuery
Dalam pembangunan sebenar, anda akan menghadapi situasi di mana anda perlu mengikat peristiwa pencetus kepada elemen html yang dijana secara dinamik

Contohnya

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

Anda perlu menambahkan acara klik pada teg

ditambah secara dinamik di dalam

Sebelum jquery versi 1.7, peristiwa pengikatan dinamik secara langsung telah digunakan


$("#testdiv ul li").live("click",function(){
});

Selepas jquery versi 1.7, gunakan pada untuk mengikat acara secara dinamik

$("#testdiv ul").on("click","li", function() {
     //do something here
 });

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.