jQuery使用bind動(dòng)態(tài)綁定事件無(wú)效的處理方法
最近在進(jìn)行頁(yè)面開(kāi)發(fā)，在做頁(yè)面特效的時(shí)候，需要給一個(gè)動(dòng)態(tài)加載的按鈕賦予一個(gè)事件
于是不假思索的 用$(obj).bind(); 來(lái)綁定事件 。
但是這樣存在一個(gè)問(wèn)題：
bind確實(shí)能綁定事件，但是那是相對(duì)于固定的html標(biāo)簽來(lái)說(shuō)
當(dāng)頁(yè)面內(nèi)容屬于動(dòng)態(tài)加載的時(shí)候，bind事件就存在一個(gè)bug, 只能bind一次，當(dāng)你第二次觸發(fā)事件的時(shí)候就沒(méi)用了
例如：
我給<a>標(biāo)簽賦予一個(gè)click ， <a>標(biāo)簽包括內(nèi)容都是從后臺(tái)數(shù)據(jù)讀取然后動(dòng)態(tài)加載的。當(dāng)我使用bind來(lái)綁定click事件，這時(shí)， 第一次點(diǎn)擊click能成功觸發(fā)
但是第二次點(diǎn)擊，click事件無(wú)效了.
后面研究發(fā)現(xiàn)，jQuery還有個(gè)綁定事件的方法：delegate(); 用法如下：
$(".sentnum-box").delegate(".a-add-ordergoods","click",function(){
//js數(shù)據(jù)代碼
});
這樣就能實(shí)現(xiàn)對(duì)動(dòng)態(tài)數(shù)據(jù)綁定事件，并永不失效
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請(qǐng)查看下面相關(guān)鏈接
相關(guān)文章
JQuery中attr屬性和jQuery.data()學(xué)習(xí)筆記【必看】
下面小編就為大家?guī)?lái)一篇JQuery中attr屬性和jQuery.data()學(xué)習(xí)筆記【必看】。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧2016-05-05
這篇文章主要介紹了jQuery.holdReady()方法用法,以實(shí)例形式分析了holdReady()方法在暫?；蛘呋謴?fù)jQuery.ready()事件的使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
遠(yuǎn)離JS災(zāi)難css災(zāi)難之 js私有函數(shù)和css選擇器作為容器
當(dāng)一個(gè)項(xiàng)目龐大到一定階段，例如UI展示層采用了模塊化模板化之后，就會(huì)出現(xiàn)js災(zāi)難，css災(zāi)難，經(jīng)常出現(xiàn)以前從來(lái)不放在一起的兩個(gè)js或css莫名奇妙的被放到了一個(gè)頁(yè)面，基本的原因是模塊重用造成的2011-12-12
jQuery事件與動(dòng)畫(huà)基礎(chǔ)詳解
本文主要介紹了jQuery事件與動(dòng)畫(huà)的基礎(chǔ)知識(shí)，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
這篇文章主要介紹了jQuery中addClass()方法用法,實(shí)例分析了addClass()方法的功能、定義及向匹配元素添加一個(gè)或多個(gè)類(lèi)的使用技巧,需要的朋友可以參考下2015-01-01
jQuery插件開(kāi)發(fā)的五種形態(tài)小結(jié)
這篇文章主要介紹了jQuery插件開(kāi)發(fā)的五種形態(tài)小結(jié)，具體的內(nèi)容就是解決javascript插件的8種特征，非常的詳細(xì)，這里推薦給小伙伴們。2015-03-03
這篇文章主要介紹了jQuery表格(Table)基本操作,結(jié)合實(shí)例形式分析了jQuery針對(duì)表格常見(jiàn)的樣式、屬性及增刪行等相關(guān)操作技巧,需要的朋友可以參考下2017-03-03
jsonp跨域請(qǐng)求數(shù)據(jù)實(shí)現(xiàn)手機(jī)號(hào)碼查詢(xún)實(shí)例分析
這篇文章主要介紹了jsonp跨域請(qǐng)求數(shù)據(jù)實(shí)現(xiàn)手機(jī)號(hào)碼查詢(xún)的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jsonp跨域請(qǐng)求數(shù)據(jù)的原理與查詢(xún)號(hào)碼的應(yīng)用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了jQuer輸入框插件封裝方法，這樣可以提高程序員的開(kāi)發(fā)效率，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
jQuery在header中設(shè)置請(qǐng)求信息的方法
這篇文章主要介紹了jQuery在header中設(shè)置請(qǐng)求信息的方法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03