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