首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >防止jQuery在元素删除时解除绑定事件

防止jQuery在元素删除时解除绑定事件
EN

Stack Overflow用户
提问于 2014-04-04 03:17:44
回答 1查看 1.2K关注 0票数 2

TL/DR:在从DOM中删除元素时,是否有任何方法可以防止jQuery自动解除绑定事件?

当您对一个remove()元素调用jQuery时,jQuery会自动取消绑定该元素的所有事件。例如,假设我有以下内容:

代码语言:javascript
运行
复制
var button = $("<button>Click me</button>");
$("body").append(button);

button.click(function() {
  console.log("clicked");
});

button.remove();
$("body").append(button);

如果我点击按钮,没有任何输出到控制台。解决此问题的一种方法是将事件绑定到元素的父级,如下所示:

代码语言:javascript
运行
复制
$("body").on("click", "button", function() {
  console.log("clicked");
});

我正在尝试构建一个可重用的控件,它封装了一个jQuery元素并向它添加了新的行为。将事件绑定到父元素的解决方案对我不起作用,因为我无法确定元素在DOM中的附加位置,以及它是否会被删除。出于性能原因,我不想将事件绑定到文档(可能有很多)。有任何方法可以防止jQuery的默认删除行为吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-04-04 03:18:53

不要使用.remove()使用.detach()

代码语言:javascript
运行
复制
button.detach();

演示:小提琴

.detach()

.detach()方法与.remove()相同,只是.detach()保存与已删除元素关联的所有jQuery数据。当删除的元素稍后重新插入DOM时,此方法非常有用。

.remove()

与.empty()类似,.remove()方法从DOM中提取元素。当您想要删除元素本身以及元素中的所有内容时,请使用.remove()。除了元素本身之外,与元素关联的所有绑定事件和jQuery数据都将被删除。若要删除元素而不删除数据和事件,请改用.detach()

票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22852869

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档