jQuery的可拖动和可调整大小不适用于克隆的div

Question

我有一个具有jQuery UI可拖动和可调整大小功能的div 。 我克隆div并将其附加到同一父级：

<div class="drag resize"> ... </div>

$(".drag").live("mouseenter", function() { $(this).draggable(); });
$(".resize").live("mouseenter", function() { $(this).resizable(); });

$("div").clone(true).appendTo($("div").parent());

克隆创建成功，但是当我尝试拖动它时，原始的一个拖动。 调整大小也不起作用。 有人可以解释一下这里发生了什么吗？

Answer 1

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

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

Answer 2

您可能想看一下SO jQuery UI可调整大小的克隆元素（.clone（true））不会调整大小 -在将resizable（）应用于复制的元素之前删除调整大小处理程序对我有用