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