Rumah >hujung hadapan web >tutorial js >Kaedah jQuery untuk mengikat peristiwa kepada elemen_jquery yang ditambah secara dinamik

Kaedah jQuery untuk mengikat peristiwa kepada elemen_jquery yang ditambah secara dinamik

WBOY
WBOYasal
2016-05-16 16:10:401089semak imbas

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 25edfb22a4f469ecb59f1190150159c6 ditambah secara dinamik di dalam ff6d136ddc5fdfeffaf53ff6ee95f185
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.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn