Ajax局部更新導(dǎo)致JS事件重復(fù)觸發(fā)問題的解決方法
更新時(shí)間：2014年10月14日 16:47:04 投稿：whsnow
如果頁面中包含一個(gè)ajax更新的列表，那么需要小心非動(dòng)態(tài)更新部分的事件處理，下面以帶有公共工具欄的列表界面為例
如果在頁面中包含一個(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é)果處理中，不能包含工具欄事件偵聽的重新初始化。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)簡單的搖骰子游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-05-05
JavaScript 短路運(yùn)算的實(shí)現(xiàn)
本文主要介紹了JavaScript 短路運(yùn)算的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
推薦發(fā)幾個(gè)常用控件(新加DHTML控件)...2007-08-08
這篇文章主要介紹了JS獲取動(dòng)態(tài)添加元素的方法,結(jié)合實(shí)例形式分析了js動(dòng)態(tài)添加DOM元素及獲取已添加的DOM元素相關(guān)操作技巧,需要的朋友可以參考下2019-07-07
使用js獲取超鏈接中keyword的參數(shù)值，具體實(shí)現(xiàn)代碼如下，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-06-06
Ajax使用原生態(tài)JS驗(yàn)證用戶名是否存在
這篇文章主要為大家詳細(xì)介紹了Ajax使用原生態(tài)JS驗(yàn)證用戶名是否存在的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
BootStrap modal實(shí)現(xiàn)拖拽功能
這篇文章主要為大家詳細(xì)介紹了BootStrap modal實(shí)現(xiàn)拖拽功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
js 連接數(shù)據(jù)庫如何操作數(shù)據(jù)庫中的數(shù)據(jù)
JS中怎么連接數(shù)據(jù)庫,和提取數(shù)據(jù)庫中的數(shù)據(jù),本文將以此問題詳細(xì)介紹，需要的朋友可以了解下2012-11-11
JavaScript簡單實(shí)現(xiàn)動(dòng)態(tài)改變HTML內(nèi)容的方法示例
這篇文章主要介紹了JavaScript簡單實(shí)現(xiàn)動(dòng)態(tài)改變HTML內(nèi)容的方法,結(jié)合實(shí)例形式分析了javascript簡單獲取及修改HTML元素的相關(guān)操作技巧,非常簡單易懂,需要的朋友可以參考下2018-12-12
html中通過JS獲取JSON數(shù)據(jù)并加載的方法
本篇內(nèi)容主要給大家講了如何通過javascript解析JSON并得到數(shù)據(jù)后添加到HTML中的方法，需要的朋友參考下。2017-11-11