Ajax局部界面更新导致JS事件重复触发的问题

前端之家收集整理的这篇文章主要介绍了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列表更新的结果处理中,不能包含工具栏事件侦听的重新初始化。


by iefreer

原文链接:https://www.f2er.com/ajax/164305.html

猜你在找的Ajax相关文章