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