JQuery UI Draggable - 如果参数传递给 clone()，则返回 clone() 的帮助函数仅克隆一次

Question

我正在克隆元素，因为它们是使用 JQuery 的 clone() 方法从 JQuery UI Draggable 列表中拖出的。查看clone() documentation，我发现我可以通过将一个或两个布尔参数(true,true) 传递给clone() 方法来克隆已经绑定到这些元素的事件。

通过传递这些参数，事情变得很奇怪。如果我只使用clone()，如下所示，事情会按预期工作。

$(".draggable").draggable({
    connectToSortable: ".sortable",
    helper: function(e) {
        return $(this).clone();
    }
});

在上面的示例中，我获得了无限的克隆，但与克隆元素相关联的事件也没有被克隆。那么，很自然地，我想为这个clone() 方法添加一两个参数，这样我也可以克隆事件！

$(".draggable").draggable({
    connectToSortable: ".sortable",
    helper: function(e) {
        return $(this).clone(true);
    }
});

但这使得事物只克隆一次。有关示例，请参见下面的小提琴！

这是一个 clone(true) 的小提琴，它只克隆一次： http://jsfiddle.net/og937wy7/9/

这里有一个clone() 的小提琴，它克隆了很多次。 http://jsfiddle.net/og937wy7/10/

Answer 1

我相信你在帮助选项中误用了"clone" - 你不能将方法指定为字符串，字符串只是 jQueryUI 如何处理拖动元素的标识符。您可以提供一个方法（可调用）或一个字符串，如 in the docs。

如果您将帮助器选项设置为"clone" 而不是"clone(true, true)"，则将复制拖动的元素（当“拖动”时），正如我在小提琴中看到的那样，事件也附加到它（因为你正确绑定事件）。

在你的小提琴中试试这个：

$(".sortable").sortable({
});
$(".draggable").draggable({
    connectToSortable: ".sortable",
    helper: "clone"
});

Answer 2

如果我明白你的意思，你想多次克隆元素。只需从 clone(true, true) 中删除参数即可：

$(".sortable").sortable({
});
$(".draggable").draggable({
    connectToSortable: ".sortable",
    helper: function(e) {
        return $(this).clone();
    }
});