当你删除()一个元素并在其他地方追加()时,jQuery会发生什么?当你移除()一个元素并在其他地方追加()时,事件是否会在jQuery中丢失?
看起来这些事件已被解除挂钩 - 就好像您只是插入了新的html(我猜是发生了什么)。但它也有可能我的代码有一个错误 - 所以我只想在我继续之前验证这种行为。
如果是这种情况 - 是否有任何简单的方法可以将事件重新连接到HTML的那一部分,或者移动元素而不会丢失事件的其他方法。
当你删除()一个元素并在其他地方追加()时,jQuery会发生什么?当你移除()一个元素并在其他地方追加()时,事件是否会在jQuery中丢失?
看起来这些事件已被解除挂钩 - 就好像您只是插入了新的html(我猜是发生了什么)。但它也有可能我的代码有一个错误 - 所以我只想在我继续之前验证这种行为。
如果是这种情况 - 是否有任何简单的方法可以将事件重新连接到HTML的那一部分,或者移动元素而不会丢失事件的其他方法。
是的,jQuery与remove()
的方法是解除与jQuery自己的bind
绑定的所有内容(以防止内存泄漏)。
但是,如果您只是想在DOM中移动某些内容,则不必首先使用remove()
。只是append
你的心脏的内容,事件绑定将坚持围绕:)
例如,粘贴到您的萤火虫在此页:
$('li.wmd-button:eq(2)').click(function(){ alert('still here!') }).appendTo(document.body)
现在向下滚动到该页面的底部并点击现在埋在SO页脚下的小globy图标。您将获得alert
。所有,因为我首先注意不到remove
。
使用jQuery1.3.1生活()绑定的事件,你将不必担心这个..
更新:现场活动现在已被弃用,但你可以从$同样的效果(文件) 。上()。
jQuery的分离()函数是一样删除()但保留了事件处理程序中,它返回该对象。如果您必须移除物品并将其放置在其他地方,则可以使用该物品。
var objectWithEvents = $('#old').detach();
$('#new').append(objectWithEvents);
检查API文档在这里:http://api.jquery.com/detach/
所以是我原来的问题?究竟发生了什么。我现在要检查'现场' – 2009-02-17 23:20:24
绝对有益于了解现场 - 但要小心这里的警告http://docs.jquery.com/Events/live#typefn – 2009-02-17 23:39:57
不适用如果您正在使用特定的dom对象而不是选择器。这也是我的第一个想法。 – 2013-03-28 19:37:03