克隆對象不可丟棄

Question

我想克隆使用Jquery的可拖拽對象，但克隆的對象不可丟棄。

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

$(".field").droppable(); 

HTML

<div class="field"> 
Last Name<input type="text" value="" /> 
First Name<input type="text" value="" /> 
</div> 
<div class="field"> 
Last Name<input type="text" value="" /> 
First Name<input type="text" value="" /> 
</div> 
<input type="Submit" name="submit" value="Add" /> 

螢火蟲表明，克隆的對象具有類用戶界面，可放開以及任何想法，爲什麼它不會工作？

編輯
設置布爾（真）或鏈接與.droppable克隆的對象（）不工作或者

Answer 1

我發現了一種方法來做到這一點，通過使用.live，我正在使用一個插件.livequery，它的功能與.live非常相似。

當您綁定一個「活」事件將綁定到所有當前和未來元素的頁面

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

Answer 2

你需要複製的事件到克隆;通過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! */