TL/DR:在从DOM中删除元素时,是否有任何方法可以防止jQuery自动解除绑定事件?
当您对一个remove()元素调用jQuery时,jQuery会自动取消绑定该元素的所有事件。例如,假设我有以下内容:
var button = $("<button>Click me</button>");
$("body").append(button);
button.click(function() {
console.log("clicked");
});
button.remove();
$("body").append(button);如果我点击按钮,没有任何输出到控制台。解决此问题的一种方法是将事件绑定到元素的父级,如下所示:
$("body").on("click", "button", function() {
console.log("clicked");
});我正在尝试构建一个可重用的控件,它封装了一个jQuery元素并向它添加了新的行为。将事件绑定到父元素的解决方案对我不起作用,因为我无法确定元素在DOM中的附加位置,以及它是否会被删除。出于性能原因,我不想将事件绑定到文档(可能有很多)。有任何方法可以防止jQuery的默认删除行为吗?
发布于 2014-04-04 03:18:53
不要使用.remove()使用.detach()
button.detach();演示:小提琴
.detach()
.detach()方法与.remove()相同,只是.detach()保存与已删除元素关联的所有jQuery数据。当删除的元素稍后重新插入DOM时,此方法非常有用。
.remove()
与.empty()类似,.remove()方法从DOM中提取元素。当您想要删除元素本身以及元素中的所有内容时,请使用.remove()。除了元素本身之外,与元素关联的所有绑定事件和jQuery数据都将被删除。若要删除元素而不删除数据和事件,请改用.detach()。
https://stackoverflow.com/questions/22852869
复制相似问题