Ajax局部更新導(dǎo)致JS事件重復(fù)觸發(fā)問(wèn)題的解決方法
更新時(shí)間：2014年10月14日 16:47:04 投稿：whsnow
如果頁(yè)面中包含一個(gè)ajax更新的列表，那么需要小心非動(dòng)態(tài)更新部分的事件處理，下面以帶有公共工具欄的列表界面為例
如果在頁(yè)面中包含一個(gè)ajax更新的列表，那么需要小心非動(dòng)態(tài)更新部分的事件處理。
以帶有公共工具欄的列表界面為例：
| Menu1 | Menu2
----------------------------------------------------------------------------
ID TITLE DESCRIPTION OPERATION
1 test1 hey test X - ...
2 test2 why not X - ...
----------------------------------------------------------------------------
$.ajax(
....
data: { ...
},
success: function(data) {
$('Menu1').click(
function(){
//do something
}
);
}
)
由于Menu1界面部分是公共的，并不會(huì)隨著列表數(shù)據(jù)的更新而被重新載入，那么上面的代碼將產(chǎn)生重復(fù)的click事件觸發(fā)（在多次更新列表后）。
所以我們要注意，在ajax列表更新的結(jié)果處理中，不能包含工具欄事件偵聽(tīng)的重新初始化。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了js模塊加載方式的初級(jí)學(xué)習(xí)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要為大家詳細(xì) 介紹了JS實(shí)現(xiàn)可視化文件上傳，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-09-09
javascript筆記 String類replace函數(shù)的一些事
加固javascript基礎(chǔ)知識(shí)目的是為以后研究jQuery源碼做好鋪墊。2011-09-09
基于JavaScript實(shí)現(xiàn)一個(gè)簡(jiǎn)單的事件觸發(fā)器
這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript實(shí)現(xiàn)一個(gè)簡(jiǎn)單的事件觸發(fā)器,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-01-01
Js+Ajax,Get和Post在使用上的區(qū)別小結(jié)
下面小編就為大家?guī)?lái)一篇Js+Ajax,Get和Post在使用上的區(qū)別小結(jié)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
Bootstrap路徑導(dǎo)航與分頁(yè)學(xué)習(xí)使用
這篇文章主要為大家詳細(xì)介紹了Bootstrap路徑導(dǎo)航與分頁(yè)學(xué)習(xí)使用的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
前端圖片懶加載的原理與3種實(shí)現(xiàn)方式舉例
圖片懶加載又稱圖片延時(shí)加載、惰性加載,即在用戶需要使用圖片的時(shí)候加載,這樣可以減少請(qǐng)求,節(jié)省帶寬,提高頁(yè)面加載速度,相對(duì)的,也能減少服務(wù)器壓力,下面這篇文章主要給大家介紹了關(guān)于前端圖片懶加載的原理與3種實(shí)現(xiàn)方式的相關(guān)資料,需要的朋友可以參考下2023-03-03
JavaScript操作XML/HTML比較常用的對(duì)象屬性集錦
本文給大家介紹javascript操作xml/html比較常用的對(duì)象屬性，涉及到j(luò)s對(duì)象屬性相關(guān)知識(shí)，對(duì)JavaScript操作XML/HTML比較常用的對(duì)象屬性感興趣的朋友可以參考下本文2015-10-10
js實(shí)現(xiàn)固定寬高滑動(dòng)輪播圖效果
本文主要分享了js實(shí)現(xiàn)PC固定寬高滑動(dòng)輪播圖效果的示例代碼。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
這篇文章主要為大家介紹了undefined與null的區(qū)別示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12