jQuery Ui sortable 无法在克隆的 ul 中拖动 li 元素

Question

我对 jQuery 可排序列表有疑问。我有两个 ul 列表。这两个列表是可排序的（完整的 ul 集），并且 li 孩子也是可排序的。因此，您可以对完整列表位置进行排序，并且可以对 li 位置进行排序并将 li 元素从一个列表拖动到另一个列表。

使用每个列表旁边的按钮，我可以克隆一个完整的 ul 列表。因此我使用 clone(true,true) 函数。我使用真正的参数，因为我在按钮上获得了事件，并且我希望将它们应用于克隆。我还希望将可排序功能应用于克隆。

问题：

++++++++++++++++++++++++++++++++++++++++

当我只使用clone() 克隆元素时：

你不能将 li 元素从 ul>-clone 拖到另一个列表中并且 您不能使用克隆按钮（按钮 操作丢失）。

当我使用clone(true) 或clone(true,true) 克隆元素时：

您可以将 li-elements 从 ul-clone 拖动到另一个列表，但您不能将 li-element 从其他列表拖动到 ul-clone。

你可以在这里试试：

http://jsfiddle.net/uKEJL/133/

有什么想法吗？

-Thx Tobi-

Answer 1

您的问题与绑定有关。事件回调绑定到当前小部件对象。比较

https://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.mouse.js#L31-L41

如果克隆列表，jQuery 会正确触发事件，但回调绑定到原始列表。

您必须在每个克隆上初始化 sortable。