自寫(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)文章
最近在做一個(gè)網(wǎng)站，遇到需要給網(wǎng)站內(nèi)所有的文章加關(guān)鍵字鏈接的問(wèn)題，我們?cè)跒g覽一些網(wǎng)站的文章的時(shí)候，會(huì)發(fā)現(xiàn)文章里面的某些關(guān)鍵字是加了鏈接的，并且高亮顯示。2010-10-10
詳解JQuery基礎(chǔ)動(dòng)畫(huà)操作
這篇文章主要介紹了JQuery基礎(chǔ)動(dòng)畫(huà)操作，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
JQuery省市聯(lián)動(dòng)效果實(shí)現(xiàn)過(guò)程詳解
這篇文章主要介紹了JQuery省市聯(lián)動(dòng)效果實(shí)現(xiàn)過(guò)程詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
瀏覽者是否對(duì)網(wǎng)站感興趣，前20秒的第一印象至關(guān)重要，所以我們的設(shè)計(jì)要符合大眾的期望。下面我們將設(shè)計(jì)一個(gè)個(gè)性的導(dǎo)航菜單。2009-12-12
用自定義圖片代替原生checkbox實(shí)現(xiàn)全選,刪除以及提交的方法
下面小編就為大家?guī)?lái)一篇用自定義圖片代替原生checkbox實(shí)現(xiàn)全選,刪除以及提交的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
jQuery中g(shù)et和post方法傳值測(cè)試及注意事項(xiàng)
jQuery 的 get 和 post 方法有三個(gè)參數(shù)：地址，數(shù)據(jù) 和回調(diào)函數(shù)，剛剛做了幾個(gè)實(shí)驗(yàn)，看看下面的代碼就清楚了2014-08-08
利用jQuery treetable實(shí)現(xiàn)樹(shù)形表格拖拽詳解
這篇文章主要為大家介紹了如何利用jQuery treetable實(shí)現(xiàn)樹(shù)形表格拖拽功能，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以動(dòng)手嘗試一下2022-06-06
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)輪播圖特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-04-04
jQuery結(jié)合AJAX之在頁(yè)面滾動(dòng)時(shí)從服務(wù)器加載數(shù)據(jù)
這篇文章主要介紹了jQuery結(jié)合AJAX之在頁(yè)面滾動(dòng)時(shí)從服務(wù)器加載數(shù)據(jù),文中示例服務(wù)器端為C#程序,需要的朋友可以參考下2015-06-06
一個(gè)ajax智能提示/補(bǔ)全插件，以前自己用的，現(xiàn)在干脆把它做成插件，需要的朋友可以參考下。2011-02-02