2009-02-17 33 views
20

当你删除()一个元素并在其他地方追加()时,jQuery会发生什么?当你移除()一个元素并在其他地方追加()时,事件是否会在jQuery中丢失?

看起来这些事件已被解除挂钩 - 就好像您只是插入了新的html(我猜是发生了什么)。但它也有可能我的代码有一个错误 - 所以我只想在我继续之前验证这种行为。

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

回答

28

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

但是,如果您只是想在DOM中移动某些内容,则不必首先使用remove()。只是append你的心脏的内容,事件绑定坚持围绕:)

例如,粘贴到您的萤火虫在此页:

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

现在向下滚动到该页面的底部并点击现在埋在SO页脚下的小globy图标。您将获得alert。所有,因为我首先注意不到remove

0

使用jQuery1.3.1生活()绑定的事件,你将不必担心这个..

更新:现场活动现在已被弃用,但你可以从$同样的效果(文件) 。上()。

+0

所以是我原来的问题?究竟发生了什么。我现在要检查'现场' – 2009-02-17 23:20:24

+0

绝对有益于了解现场 - 但要小心这里的警告http://docs.jquery.com/Events/live#typefn – 2009-02-17 23:39:57

+1

不适用如果您正在使用特定的dom对象而不是选择器。这也是我的第一个想法。 – 2013-03-28 19:37:03

51

jQuery的分离()函数是一样删除()但保留了事件处理程序中,它返回该对象。如果您必须移除物品并将其放置在其他地方,则可以使用该物品。

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

检查API文档在这里:http://api.jquery.com/detach/

相关问题