jQuery異步加載數(shù)據(jù)并添加事件示例

更新時間：2014年08月24日 10:01:28 投稿：whsnow

對從數(shù)據(jù)庫去的數(shù)據(jù)動態(tài)生成樹形欄進行增刪改查操作，可是用$(".XX").click();方法是不行的，關(guān)于這個問題的解決方法如下

幾個月前在一個項目中涉及到樹形欄，然后看了很多插件，覺得有點麻煩，于是自己寫了一個，寫著寫著就出問題了。

當時項目是通過樹形欄進行權(quán)限控制的，管理員可以對從數(shù)據(jù)庫去的數(shù)據(jù)動態(tài)生成樹形欄進行增刪改查操作，可是用$(".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");
});

您可能感興趣的文章:

相關(guān)文章

基于jquery的表頭固定的若干方法
如果Table數(shù)據(jù)過多，頁面必然會拉的很長，固定表頭，可以方便用戶對照表頭項目列表。近日做后臺界面時，整理固定表頭三種方法
2011-01-01
jQuery實現(xiàn)返回頂部功能適合不支持js的瀏覽器
a標簽指向錨點top，可以在頂部防止一個a name=top的錨點，這樣在瀏覽器不支持js時也可以實現(xiàn)返回頂部的效果了
2014-08-08
jquery photoFrame 圖片邊框美化顯示插件
jquery.photoFrame是很方便的一個相框插件，原理也很簡單，將選定對象用九宮格table包裹，再設(shè)置其邊框的背景圖片即可。
2010-06-06
jQuery輸入城市查看地圖使用介紹
任意輸入國家和城市，用“，”分隔，點擊設(shè)置下面的超鏈接就變?yōu)榱藙傇O(shè)置的城市，點擊可以跳到這個城市的查看地圖頁，鼠標移到超鏈接上會彈出一個350*350的地圖
2013-05-05
jquery easyui滾動條部分設(shè)置介紹
dialog并沒有隨著滾動條往下滾動，這時就需要用戶滑動滾動條來定位dialog，在說出解決方案前先來普及一下jquery關(guān)于定位的幾個方法
2013-09-09
簡單實用的全選反選按鈕例子
全選反選在數(shù)據(jù)的批量操作方面還是比較實用的，本文有個不錯的示例，主要是當點擊全選框時進行全選處理，感興趣的朋友了解下
2013-10-10
jQuery頁面彈出框?qū)崿F(xiàn)文件上傳
這篇文章主要為大家詳細介紹了jQuery頁面彈出框?qū)崿F(xiàn)文件上傳，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
基于jQuery的select下拉框選擇觸發(fā)事件實例分析
這篇文章主要介紹了基于jQuery的select下拉框選擇觸發(fā)事件實現(xiàn)方法,結(jié)合實例形式分析了常用瀏覽器對select觸發(fā)事件的兼容及實現(xiàn)觸發(fā)的相關(guān)技巧,需要的朋友可以參考下
2016-11-11
3kb jQuery代碼搞定各種樹形選擇的實現(xiàn)方法
下面小編就為大家?guī)硪黄?kb jQuery代碼搞定各種樹形選擇的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
jquery $.each()使用探討
想必大家對jquery $.each()并不陌生吧，使用它可以進行元素的遍歷，下面有個不錯的示例，感興趣的朋友可以參考下
2013-09-09