当你删除()一个元素并将它追加到其他地方时,jQuery中的事件是否会丢失?

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

看起来这些事件是不被取消的 – 好像你只是插入了新的html(我猜这是发生了什么)。 但它也可能我的代码中有一个错误 – 所以我只想在继续之前validation这种行为。

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

是的,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它。

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

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

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

使用jQuery1.3.1 live()绑定事件,你不必担心这个..

更新:现在不推荐使用直播活动,但您可以从$(document).on()获得相同的效果。