前言
添加数据时,使用动态加载在界面中显示。后来发现一个严重的bug。以我做的这个笔记为例。当我添加一条数据,点击删除时,会提示是否删除,如下图:
但是当我添加两个以上的数据时,删除哪一个会多次提示我确认删除。
经过调查,问题终于被发现了。
文本
当动态添加内容时,通常会编写这些添加的div中所需的事件,如点击事件/更改事件。以我的删除事件为例。因为删除事件必须写在添加备注的事件下,在添加第一个数据时绑定一次,在添加第二个数据时绑定一次,在添加第N个数据时,删除事件已经绑定N次,所以在删除第N个数据时,会提示N次是否确认删除。
既然已经找到了错误的原因,就很容易解决了。在绑定和删除事件之前,您只需要解除最后一个绑定事件的绑定。
代码:
//取消绑定$('。delete BTN’)。关闭(“点击”);$('.更新')。关闭(“更改”);//绑定$('。delete BTN’)。bind ('click ',delete _ click);$('.更新')。bind('change ',change _ fonts摘要
以上就是边肖介绍的JavaScript动态加载和重复绑定的问题。希望对大家有帮助。如果你有任何问题,请给我留言。
及时回复大家!