gpt4 book ai didi

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

转载 作者:qq735679552 更新时间:2022-09-27 22:32:09 27 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章Ajax局部更新导致JS事件重复触发问题的解决方法由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

如果在页面中包含一个ajax更新的列表,那么需要小心非动态更新部分的事件处理.

以带有公共工具栏的列表界面为例:

| Menu1 | Menu2 。

---------------------------------------------------------------------------- 。

ID TITLE DESCRIPTION OPERATION 。

1 test1 hey test X - ... 。

2 test2 why not X - ... 。

---------------------------------------------------------------------------- 。

?
1
2
3
4
5
6
7
8
9
10
11
12
$.ajax(
....
data: { ...
},
success: function (data) {
$( 'Menu1' ).click(
function (){
//do something
}
);
}
)

由于Menu1界面部分是公共的,并不会随着列表数据的更新而被重新载入,那么上面的代码将产生重复的click事件触发(在多次更新列表后).

所以我们要注意,在ajax列表更新的结果处理中,不能包含工具栏事件侦听的重新初始化.

最后此篇关于Ajax局部更新导致JS事件重复触发问题的解决方法的文章就讲到这里了,如果你想了解更多关于Ajax局部更新导致JS事件重复触发问题的解决方法的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com