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

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

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

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

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

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

查看API文档:http://api.jquery.com/detach/

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

但是,如果您只想在DOM中移动某些内容,则不必先使用remove()它.只是append为了你的内心,事件绑定将坚持:)

例如,将此粘贴到此页面上的firebug中:

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

现在向下滚动到此页面的底部,然后单击现在埋在SO页脚下的小小的globy图标.你会得到的alert.所有这些都是因为我remove先注意不要它.