首頁 > web前端 > js教程 > 自寫的jQuery異步載入資料新增事件_jquery

自寫的jQuery異步載入資料新增事件_jquery

WBOY
發布: 2016-05-16 16:48:08
原創
1075 人瀏覽過

幾個月前在一個專案中涉及到樹形欄,然後看了很多插件,覺得有點麻煩,於是自己寫了一個,寫著寫著就出問題了。

當時專案是透過樹狀欄位進行權限控制的,管理員可以對從資料庫去的資料動態產生樹狀欄位進行增刪改查操作,可是用$(".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). ("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");
});
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板