快捷導(dǎo)航

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

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

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

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

當(dāng)時(shí)項(xiàng)目是通過樹形欄進(jìn)行權(quán)限控制的，管理員可以對(duì)從數(shù)據(jù)庫(kù)去的數(shù)據(jù)動(dòng)態(tài)生成樹形欄進(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");
});

您可能感興趣的文章:

相關(guān)文章

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