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());

克隆已成功创建，但当我尝试拖动它时，orignal会拖动。调整大小也不起作用。谁能解释一下这里发生了什么？

Answer 1

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

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

Answer 2

您可能希望查看此SO帖子jQuery UI resizable cloned element(.clone(true)) doesn't resize - 在克隆元素上应用resizable（）之前删除resize处理程序

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

2 个答案: