当前位置：首页 > 资讯 > 技术文档

Ajax局部更新导致JS事件重复触发问题的解决方法

时间：2020-11-03 02:28 编辑：来源：阅读：
扫一扫，手机访问

摘要：Ajax局部更新导致JS事件重复触发问题的解决方法

如果在页面中包含一个ajax更新的列表，那么需要小心非动态更新部分的事件处理。以带有公共工具栏的列表界面为例： | 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界面部分是公共的，并不会随着列表数据的更新而被重新载入，那么上面的代码将产生重复的click事件触发（在多次更新列表后）。所以我们要注意，在ajax列表更新的结果处理中，不能包含工具栏事件侦听的重新初始化。

全部评论(0)

上一篇：Javascript自执行匿名函数(function() { })()的原理浅析
下一篇：js中的replace方法使用介绍

资讯排行榜
更多>>