关于克隆元素的事件？

Question

我有这个上点击：

$('.btn-delete').on('click', function(){console.log('delete')}); 

我再克隆一个div：

this.fileTemplate = $('.file:first').remove().clone(true); 

后来我加了克隆回页面。

'删除' 无法登录

的HTML：

<li class="file"> 
    <button class="btn-delete">&times;</button> 
</li> 

Answer 1

既然你不是克隆按钮本身，而是父母，你需要做一个深克隆：

this.fileTemplate = $('.file:first').clone(true,true); 
$('.file:first').remove(); 

http://api.jquery.com/clone/#clone-withDataAndEvents-deepWithDataAndEvents

---

但是，如果你反正删除元素，你不需要克隆它在所有 - 只是用.detach()代替.remove()存储与它的所有事件的DIV：

this.fileTemplate = $('.file:first').detach(); 

http://api.jquery.com/detach/

要添加抄送该元素，深克隆它的分离之后：

clone_copy = this.fileTemplate.clone(true,true); 
clone_copy.appendTo('#container');