当你删除（）一个元素并在其他地方附加（）时，jQuery中的事件是否会丢失？

Question

当你删除（）一个元素并在其他地方附加（）时，jQuery会发生什么？

事件似乎是脱钩的 - 好像你只是插入了新的html（我猜是发生了什么）。但它也可能我的代码中有一个错误 - 所以我只想在继续之前验证这种行为。

如果是这种情况 - 是否有任何简单的方法可以将事件重新连接到HTML的那一部分，或者以不同的方式移动元素而不会丢失事件。

Answer 1

jQuery detach（）函数与 remove（）相同，但保留了它返回的对象中的事件处理程序。如果您必须删除该项目并将其放在其他地方，您可以使用它。

var objectWithEvents = $('#old').detach();
$('#new').append(objectWithEvents);

点击此处查看API文档：http://api.jquery.com/detach/

Answer 2

是的，jQuery与remove()的方法是解除与jQuery自己的bind绑定的所有内容（以防止内存泄漏）。

但是，如果您只想在DOM中移动某些内容，则不必首先remove()。只需append您心中的内容，事件绑定将坚持下去：）

例如，在此页面上将其粘贴到您的萤火虫中：

$('li.wmd-button:eq(2)').click(function(){ alert('still here!') }).appendTo(document.body)

现在向下滚动到此页面的底部，然后点击现在埋在SO页脚下的小小的globy图标。您将获得alert。所有这些都是因为我先注意不要remove。

Answer 3

使用jQuery1.3.1 live（）绑定事件，你不必担心这个..

更新：现在不推荐使用直播活动，但是你可以从$（document）.on（）获得相同的效果。