Ajax局部更新导致JS事件重复触发问题的解决方法
来源：动视网
责编：小采
时间：2020-11-27 21:27:57
Ajax局部更新导致JS事件重复触发问题的解决方法
Ajax局部更新导致JS事件重复触发问题的解决方法:如果在页面中包含一个ajax更新的列表，那么需要小心非动态更新部分的事件处理。以带有公共工具栏的列表界面为例：$.ajax( .... data: { ... }, success: function(data) { $('Menu1').click( function(){ //do so
导读Ajax局部更新导致JS事件重复触发问题的解决方法:如果在页面中包含一个ajax更新的列表，那么需要小心非动态更新部分的事件处理。以带有公共工具栏的列表界面为例：$.ajax( .... data: { ... }, success: function(data) { $('Menu1').click( function(){ //do so
如果在页面中包含一个ajax更新的列表，那么需要小心非动态更新部分的事件处理。
以带有公共工具栏的列表界面为例：
由于Menu1界面部分是公共的，并不会随着列表数据的更新而被重新载入，那么上面的代码将产生重复的click事件触发（在多次更新列表后）。
所以我们要注意，在ajax列表更新的结果处理中，不能包含工具栏事件侦听的重新初始化。
总结：
Ajax局部更新导致JS事件重复触发问题的解决方法
Ajax局部更新导致JS事件重复触发问题的解决方法:如果在页面中包含一个ajax更新的列表，那么需要小心非动态更新部分的事件处理。以带有公共工具栏的列表界面为例：$.ajax( .... data: { ... }, success: function(data) { $('Menu1').click( function(){ //do so
