Ajax局部更新导致JS事件重复触发问题的解决方法
如果在页面中包含一个ajax更新的列表,那么需要小心非动态更新部分的事件处理。
以带有公共工具栏的列表界面为例:
|Menu1|Menu2
----------------------------------------------------------------------------
IDTITLEDESCRIPTIONOPERATION
1test1heytestX-...
2test2whynotX-...
----------------------------------------------------------------------------
$.ajax(
....
data:{...
},
success:function(data){
$('Menu1').click(
function(){
//dosomething
}
);
}
)
由于Menu1界面部分是公共的,并不会随着列表数据的更新而被重新载入,那么上面的代码将产生重复的click事件触发(在多次更新列表后)。
所以我们要注意,在ajax列表更新的结果处理中,不能包含工具栏事件侦听的重新初始化。
热门推荐
10 香港老妈结婚祝福语简短
11 毕业立体贺卡祝福语简短
12 简短新年年会祝福语
13 评论小品祝福语大全简短
14 恭喜师兄结婚祝福语简短
15 员工集体辞职祝福语简短
16 高中新生祝福语 简短
17 装修祝福语男生搞笑简短
18 生日开业蛋糕祝福语简短