自寫(xiě)的jQuery異步加載數(shù)據(jù)添加事件
更新時(shí)間：2014年05月15日 14:58:29 作者：
這篇文章主要介紹一個(gè)自寫(xiě)的jQuery異步加載數(shù)據(jù)添加事件的方法,需要的朋友可以參考下
幾個(gè)月前在一個(gè)項(xiàng)目中涉及到樹(shù)形欄，然后看了很多插件，覺(jué)得有點(diǎn)麻煩，于是自己寫(xiě)了一個(gè)，寫(xiě)著寫(xiě)著就出問(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");
});
當(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)該功能
復(fù)制代碼 代碼如下:
$(‘#div').live(‘click',function(){
//do stuff
});
但是live方法也有不支持的事件，例如:toggle事件 ，遇到這個(gè)情況可以給他加個(gè)click事件，之后再來(lái)個(gè)模擬點(diǎn)擊trigger事件就ok了
復(fù)制代碼 代碼如下:
$('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í)行的方法
復(fù)制代碼 代碼如下:
$(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實(shí)現(xiàn)的查看全文功能【實(shí)用】
本文分享了利用jQuery實(shí)現(xiàn)的查看全文功能：文本內(nèi)容少于四行，不顯示查看全文；超過(guò)五行時(shí)才顯示出來(lái)并有此功能；很實(shí)用，下面就跟小編一起來(lái)看看吧2016-12-12
jquery toggle點(diǎn)擊實(shí)現(xiàn)內(nèi)容的顯示效果，喜歡的朋友可以參考下。2010-05-05
jQuery+css實(shí)現(xiàn)百度百科的頁(yè)面導(dǎo)航效果
這篇文章主要介紹了jQuery+css實(shí)現(xiàn)百度百科的頁(yè)面導(dǎo)航效果,需要的朋友可以參考下2014-12-12
下面小編就為大家分享一篇jquery 獲取索引值在一定范圍的列表方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
起初以為this和$(this)就是一模子刻出來(lái)。但是我在閱讀時(shí)，和coding時(shí)發(fā)現(xiàn),總不是一回事。2009-08-08
jQuery中使用validate插件校驗(yàn)表單功能
這篇文章主要介紹了jQuery中使用validate插件校驗(yàn)表單功能，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒,需要的朋友可以參考下2019-05-05
JQuery是一個(gè)非常優(yōu)秀的框架，在特定場(chǎng)合下使用JQuery提交數(shù)據(jù)，相當(dāng)?shù)姆奖憧旖荨?但是，在處理一個(gè)GB2312編碼的網(wǎng)站AJAX提交時(shí)，中文數(shù)據(jù)卻成了亂碼。2010-07-07
jQuery ajax在GBK編碼下表單提交終極解決方案(非二次編碼方法)
當(dāng)jquery ajax在utf-8編碼下（頁(yè)面utf－8，接收utf-8），無(wú)任何問(wèn)題?？梢哉ost、get，處理頁(yè)面直接獲取正確的內(nèi)容。2010-10-10
jquery animate動(dòng)畫(huà)持續(xù)運(yùn)動(dòng)的實(shí)例
下面小編就為大家分享一篇jquery animate動(dòng)畫(huà)持續(xù)運(yùn)動(dòng)的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
jQuery實(shí)現(xiàn)側(cè)邊導(dǎo)航欄及滑動(dòng)電梯效果(仿淘寶)
這篇文章主要介紹了如何利用JQuery+CSS模擬淘寶實(shí)現(xiàn)側(cè)邊導(dǎo)航欄以及滑動(dòng)電梯效果，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以動(dòng)手試一試2022-03-03