jQuery異步加載數據並添加事件示例


當時項目是通過樹形欄進行權限控制的,管理員可以對從數據庫去的數據動態生成樹形欄進行增刪改查操作,可是用$(".XX").click();方法是不行的。

1、之前用的是jq1.4.3 ,jq1.7一下都可以使用live()方法,來實現該功能

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

但是live方法也有不支持的事件,例如:toggle事件 ,遇到這個情況可以給他加個click事件,之后再來個模擬點擊trigger事件就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事件,所以就給他加上模擬點擊事件,不需要點擊直接出發
**/
});

2、jq1.7以上的就用on方法了,第一個屬性為事件,第二個是 選擇器,第三個是 執行的方法

$(document).on("click","#d1",function(){
alert("bbbbb");
});

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM