Rumah > hujung hadapan web > tutorial js > jQuery memuatkan data secara tidak segerak dan menambah acara example_jquery

jQuery memuatkan data secara tidak segerak dan menambah acara example_jquery

WBOY
Lepaskan: 2016-05-16 16:38:52
asal
1291 orang telah melayarinya

Beberapa bulan yang lalu, saya terlibat dalam bar pokok dalam projek, dan selepas melihat banyak pemalam, saya mendapati ia agak menyusahkan, jadi saya menulisnya sendiri, dan masalah mula timbul setiap kali Saya terus melakukannya.

Pada masa itu, projek dikawal melalui bar pepohon Pentadbir boleh menjana bar pepohon secara dinamik untuk data daripada pangkalan data untuk menambah, memadam, mengubah suai dan menyemak Namun, menggunakan $(".XX"). .click(); kaedah Itu tidak mungkin.

1. Saya menggunakan jq1.4.3 sebelum ini, dan anda boleh menggunakan kaedah live() dalam jq1.7 untuk melaksanakan fungsi ini

$(‘#div').live(‘click',function(){
//do stuff
});
Salin selepas log masuk

Walau bagaimanapun, kaedah langsung juga mempunyai acara yang tidak disokong, seperti: togol acara Apabila menghadapi situasi ini, anda boleh menambah acara klik padanya, kemudian mensimulasikan peristiwa pencetus klik dan ia akan menjadi ok

$('a').live('click',function(){
$(this).toggle(function(){

   alert("q11");
//
   alert($(this).attr("id"));
   $(this).parent().children('ul').show();
},function(){
  $(this).parent().children('ul').hide();
});
$(this).trigger('click');
/**
之前绑定的click事件,只有点击了才会触发toggle事件,所以就给他加上模拟点击事件,不需要点击直接出发
**/
});
Salin selepas log masuk

2. Untuk jq1.7 dan ke atas, gunakan kaedah on Atribut pertama ialah acara, yang kedua ialah pemilih, dan yang ketiga ialah kaedah pelaksanaan

$(document).on("click","#d1",function(){
alert("bbbbb");
});
Salin selepas log masuk
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan