克隆对象不可删除

我正在尝试使用Jquery克隆可放置的对象，但克隆的对象不可放置。

$(document).ready(function(){ $("input[value='Add']").click(function(e){ e.preventDefault(); $("div.field:last").clone().insertAfter("div.field:last"); }); $(".field").droppable(); 

HTML

 
 Last Name First Name 
 
 Last Name First Name 
  

Firebug显示克隆对象也有类ui-droppable，任何想法为什么它不起作用？

编辑
设置bool（true）或使用.droppable（）链接克隆对象也不起作用

Answer 1

您需要将事件复制到克隆; 将true传递给clone() ：

 $("div.field:last").clone(true).insertAfter("div.field:last"); 

---

您可能还需要复制原始数据：

 var original = $("div.field:last"); var clone = original.clone(true); clone.data( 'droppable', jQuery.extend(true, {}, original.data('droppable')) ); /* Untested! */ 

Answer 2

我找到了一种方法来实现这一点，通过使用.live，我使用了一个插件.livequery ，其function与.live非常相似

绑定“实时”事件时，它将绑定到页面上的所有当前和未来元素

 $("input[value='Add']").livequery("click", function(e){ e.preventDefault(); $("div.field:last").clone().insertAfter("div.field:last"); $("div.field").droppable();