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

Question

我有一个div具有可拖动和可调整大小的jQuery UI. 我克隆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 post jQuery UI resizable cloned element(.clone(true)) doesn't resize - 在克隆元素上应用 resizable() 之前移除调整大小的处理程序对我有用