单击动态添加的元素会触发2个单击事件

时间:2013-08-27 09:33:24

标签: jquery html ajax jquery-selectors click

在我的网站上,用户可以通过点击它们来编辑以前添加的项目,然后ajax将完全相同的元素(相同的id和类)与数据库中的不同内容相应信息加载到“编辑部分”。

用户点击了一个项目并尝试编辑另一个项目后,点击“编辑部分”中的元素会触发2个点击事件。问题是单击一个特定元素会使用ajax加载另一个信息,因此我得到了双重结果

我已经在用户点击另一个项目后,使用jQuery函数remove()删除了之前的“编辑部分”,但它没有解决问题。

修改

我想我发现了问题,但我无法找到好的解决方案。如果用户点击项目来编辑它,ajax加载HTML和一些JS那些HTML元素需要的东西,但是我不能从成功函数中删除JS,因为JS不能处理项目,加载页面后加载的内容。

1 个答案:

答案 0 :(得分:0)

分享您的代码将为我们提供更多信息。无论如何,大多数时候你的事件会多次触发,问题是你多次注册同一个事件。

一个方法可以避免这种情况,以防万一你只需要一次使用“one”函数而不是“on”函数。或“解除绑定”注册事件。