jQuery異步加載數(shù)據(jù)并添加事件示例
幾個月前在一個項(xiàng)目中涉及到樹形欄,然后看了很多插件,覺得有點(diǎn)麻煩,于是自己寫了一個,寫著寫著就出問題了。
當(dāng)時項(xiàng)目是通過樹形欄進(jìn)行權(quán)限控制的,管理員可以對從數(shù)據(jù)庫去的數(shù)據(jù)動態(tài)生成樹形欄進(jìn)行增刪改查操作,可是用$(".XX").click();方法是不行的。
1、之前用的是jq1.4.3 ,jq1.7一下都可以使用live()方法,來實(shí)現(xiàn)該功能
$(‘#div').live(‘click',function(){ //do stuff });
但是live方法也有不支持的事件,例如:toggle事件 ,遇到這個情況可以給他加個click事件,之后再來個模擬點(diǎn)擊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事件,只有點(diǎn)擊了才會觸發(fā)toggle事件,所以就給他加上模擬點(diǎn)擊事件,不需要點(diǎn)擊直接出發(fā) **/ });
2、jq1.7以上的就用on方法了,第一個屬性為事件,第二個是 選擇器,第三個是 執(zhí)行的方法
$(document).on("click","#d1",function(){ alert("bbbbb"); });
- jQuery移動web開發(fā)中的頁面初始化與加載事件
- JQuery中DOM加載與事件執(zhí)行實(shí)例分析
- 自寫的jQuery異步加載數(shù)據(jù)添加事件
- javascript頁面加載完執(zhí)行事件代碼
- javaScript 頁面自動加載事件詳解
- js 動態(tài)加載事件的幾種方法總結(jié)
- js onload處理html頁面加載之后的事件
- js 實(shí)現(xiàn)圖片預(yù)加載(js操作 Image對象屬性complete ,事件onload 異步加載圖片)
- JavaScript與Image加載事件(onload)、加載狀態(tài)(complete)
- javascript 事件加載與預(yù)加載
- jQuery與JS加載事件用法分析
相關(guān)文章
JQuery實(shí)現(xiàn)簡單時尚快捷的氣泡提示插件
在程序提交后,為了提高用戶體驗(yàn)我們需要驗(yàn)證并提示出錯的位置,利用JQuery我們可以輕松實(shí)現(xiàn)氣泡提示,需要的朋友可以了解下2012-12-12jquery的index方法實(shí)現(xiàn)tab效果
jquery的index方法實(shí)現(xiàn)tab效果,需要的朋友可以參考下。2011-02-02jQuery中fadeIn、fadeOut、fadeTo的使用方法(圖片顯示與隱藏)
jQuery中fadeIn、fadeOut、fadeTo的使用方法(圖片顯示與隱藏),需要的朋友可以參考一下2013-05-05使用jQuery設(shè)置disabled屬性與移除disabled屬性
Readonly只針對input和textarea有效,而disabled對于所有的表單元素都有效,下面為大家介紹下使用jQuery設(shè)置disabled屬性2014-08-08