手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Ajax局部更新导致JS事件重复触发问题的解决方法
Ajax局部更新导致JS事件重复触发问题的解决方法
摘要:如果在页面中包含一个ajax更新的列表,那么需要小心非动态更新部分的事件处理。以带有公共工具栏的列表界面为例:|Menu1|Menu2---...

如果在页面中包含一个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列表更新的结果处理中,不能包含工具栏事件侦听的重新初始化。

【Ajax局部更新导致JS事件重复触发问题的解决方法】相关文章:

JS选项卡动态替换banner图片路径的方法

js实现时间显示几天前、几小时前或者几分钟前的方法集锦

javascript模拟评分控件实现方法

javascript为按钮注册回车事件(设置默认按钮)的方法

javascript用函数实现对象的方法

JQuery实现动态添加删除评论的方法

跨浏览器的设置innerHTML方法

javascript生成不重复的随机数

js实现鼠标经过表格行变色的方法

JQuery给网页更换皮肤的方法

精品推荐
分类导航