当前位置: 首页 > 编程笔记 >

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

夏侯和韵
2023-03-14
本文向大家介绍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列表更新的结果处理中,不能包含工具栏事件侦听的重新初始化。

 类似资料:
  • 本文向大家介绍js onmousewheel事件多次触发问题解决方法,包括了js onmousewheel事件多次触发问题解决方法的使用技巧和注意事项,需要的朋友参考一下 我想做一个首屏和第二屏之间滚动鼠标滚轮就可以整平切换的效果,遇到了很多问题,后来在kk的帮助下,终于解决了这个问题,甚是欢喜,于是记录一下: 我最初的代码是这样的: 这样的代码我在IE和火狐下测试都是正常的,但是在谷歌下onmo

  • 问题内容: 我当前的工作环境是Rails 2.3.8 (导致公司未迁移到Rails 3的各种原因)。我正在尝试通过AJAX调用更新多模型表单的元素- 这个想法是根据用户选择或填写其他字段的方式替换某些下拉菜单。 我以前已经设法通过使用基于非表单的部分来实现此目的- 我现在的问题是,当部分基于form_for和fields_for时,会重现select下拉列表的AJAX更新。 对不起,下面的文字-我

  • 本文向大家介绍解决 viewer.js 动态更新图片导致无法预览的问题,包括了解决 viewer.js 动态更新图片导致无法预览的问题的使用技巧和注意事项,需要的朋友参考一下 前台页面要求图片的查看,是在表格中点击查看才弹出图片,网上发现用Viewer插件的挺多,就选用的这款插件,但是Viewer插件会产生缩略图,这里取巧了,将缩略图统一替换成了一个带有查看两字的小图片,这样就解决了表格中方缩略图

  • 本文向大家介绍vue vantUI tab切换时 list组件不触发load事件的问题及解决方法,包括了vue vantUI tab切换时 list组件不触发load事件的问题及解决方法的使用技巧和注意事项,需要的朋友参考一下 最近由于公司项目需要,用vue写了几个简单的页面。用到了vantUI List 列表 瀑布流滚动加载,用于控制长列表的展示 当列表即将滚动到底部时,会触发事件并加载更多列表

  • 问题内容: 我有两个加载同一个类的ClassLoader。因此,显然这些不能互相投射。但是我需要访问在其他ClassLoader中创建的对象。 我可以访问两个ClassLoader。如何在其他课程中使用该对象?我不需要强制转换对象以匹配当前的ClassLoader。 但是问题在于返回的对象的类型为。因此,我必须放弃该对象才能访问某些方法。我怎样才能做到这一点?像下面这样的普通类型转换会导致Clas

  • 本文向大家介绍jquery中trigger()无法触发hover事件的解决方法,包括了jquery中trigger()无法触发hover事件的解决方法的使用技巧和注意事项,需要的朋友参考一下 今天做一个项目,遇到了一个问题,是以前没有遇到过的,就此记上一笔。 1、trigger方法解释 官方是这么解释的: 用法: .trigger( eventType [, extraParameters] )