自寫的jQuery異步加載數(shù)據(jù)添加事件
更新時間：2014年05月15日 14:58:29 作者：
這篇文章主要介紹一個自寫的jQuery異步加載數(shù)據(jù)添加事件的方法,需要的朋友可以參考下
幾個月前在一個項目中涉及到樹形欄，然后看了很多插件，覺得有點(diǎn)麻煩，于是自己寫了一個，寫著寫著就出問題了。
當(dā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");
});
當(dā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)該功能
復(fù)制代碼 代碼如下:
$(‘#div').live(‘click',function(){
//do stuff
});
但是live方法也有不支持的事件，例如:toggle事件 ，遇到這個情況可以給他加個click事件，之后再來個模擬點(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)擊了才會觸發(fā)toggle事件，所以就給他加上模擬點(diǎn)擊事件，不需要點(diǎn)擊直接出發(fā)
**/
});
2、jq1.7以上的就用on方法了，第一個屬性為事件，第二個是 選擇器，第三個是 執(zhí)行的方法
復(fù)制代碼 代碼如下:
$(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)文章
最近在做一個網(wǎng)站，遇到需要給網(wǎng)站內(nèi)所有的文章加關(guān)鍵字鏈接的問題，我們在瀏覽一些網(wǎng)站的文章的時候，會發(fā)現(xiàn)文章里面的某些關(guān)鍵字是加了鏈接的，并且高亮顯示。2010-10-10
這篇文章主要介紹了JQuery基礎(chǔ)動畫操作，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
JQuery省市聯(lián)動效果實(shí)現(xiàn)過程詳解
這篇文章主要介紹了JQuery省市聯(lián)動效果實(shí)現(xiàn)過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-05-05
瀏覽者是否對網(wǎng)站感興趣，前20秒的第一印象至關(guān)重要，所以我們的設(shè)計要符合大眾的期望。下面我們將設(shè)計一個個性的導(dǎo)航菜單。2009-12-12
用自定義圖片代替原生checkbox實(shí)現(xiàn)全選,刪除以及提交的方法
下面小編就為大家?guī)硪黄米远x圖片代替原生checkbox實(shí)現(xiàn)全選,刪除以及提交的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
jQuery中g(shù)et和post方法傳值測試及注意事項
jQuery 的 get 和 post 方法有三個參數(shù)：地址，數(shù)據(jù) 和回調(diào)函數(shù)，剛剛做了幾個實(shí)驗，看看下面的代碼就清楚了2014-08-08
利用jQuery treetable實(shí)現(xiàn)樹形表格拖拽詳解
這篇文章主要為大家介紹了如何利用jQuery treetable實(shí)現(xiàn)樹形表格拖拽功能，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以動手嘗試一下2022-06-06
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)輪播圖特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-04-04
jQuery結(jié)合AJAX之在頁面滾動時從服務(wù)器加載數(shù)據(jù)
這篇文章主要介紹了jQuery結(jié)合AJAX之在頁面滾動時從服務(wù)器加載數(shù)據(jù),文中示例服務(wù)器端為C#程序,需要的朋友可以參考下2015-06-06
一個ajax智能提示/補(bǔ)全插件，以前自己用的，現(xiàn)在干脆把它做成插件，需要的朋友可以參考下。2011-02-02