javascript - 当我克隆一个可拖动的 div 时，为什么克隆不可拖动？

Question

我正在尝试使克隆的 div 可拖动:

 $("div").clone(true).removeAttr("id").appendTo($("body")).draggable();  

我也试过这个:

 $("div").clone(true,true).removeAttr("id").appendTo($("body")).draggable();     

它创建了一个克隆体，但该克隆体不可拖动。谁能告诉我为什么这不起作用？

Answer 1

给你。你不想clone(true)。只需 clone()。前者也会克隆可拖动事件，这就是为什么它有那种奇怪的行为。

这是一个例子:http://jsfiddle.net/byZXS/1/

$('div').draggable(); 
$('div').clone().appendTo('body').draggable();​

如何保存数据:

var data = $('div').data();
var newDiv = $("div").clone().appendTo('body').draggable();
newDiv.data(data);

此处示例:http://jsfiddle.net/byZXS/2/