jquery draggable和resizable不适用于克隆的div

我有一个具有可拖动和可resize的jQuery UIfunction的div 。 我克隆div并将其附加到同一个父级：

 
 ... 
 $(".drag").live("mouseenter", function() { $(this).draggable(); }); $(".resize").live("mouseenter", function() { $(this).resizable(); }); $("div").clone(true).appendTo($("div").parent()); 

克隆是成功创建的，但是当我尝试拖动它时，orignal会拖动。 resize也无法正常工作。 谁能解释一下这里发生了什么？

Answer 1

您可能希望看看这个SOpostjQuery UI可resize的克隆元素（.clone（true））没有resize – 在克隆元素上应用resizable（）之前删除resize处理程序对我有用

Answer 2

我会使用.on事件处理程序，并将其附加到此div的父级。

 $(".drag").parent().on("mouseenter", ".drag", function() { $(this).draggable(); });