数码资讯
ajax局部更新对JS事件重复触发问题的解决
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
如果在页面中包含Ajax更新列表,则需要注意非动态更新的事件处理。
以一个常用工具栏作为列表的例子:
| menu1 | menu2
不是
id标题描述操作
1、喂试验—…
2个为什么不X—…
不是
$ ajax(
的…
数据:{…
},
成功:函数(数据){
$('menu1Click()。
函数(){
做某事
}
);
}
)
因为menu1接口部分公众并不会重新加载列表数据的更新,上面的代码将生成重复的点击事件触发(更新列表多次)。
因此,我们应该意识到,在Ajax列表更新的结果处理中,它不包含工具栏事件侦听的重新初始化。
以一个常用工具栏作为列表的例子:
| menu1 | menu2
不是
id标题描述操作
1、喂试验—…
2个为什么不X—…
不是
$ ajax(
的…
数据:{…
},
成功:函数(数据){
$('menu1Click()。
函数(){
做某事
}
);
}
)
因为menu1接口部分公众并不会重新加载列表数据的更新,上面的代码将生成重复的点击事件触发(更新列表多次)。
因此,我们应该意识到,在Ajax列表更新的结果处理中,它不包含工具栏事件侦听的重新初始化。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。