javascript - jQuery UI 可跨连接的可排序列表选择

Question

我已经成功地破解了（在其他帖子的帮助下），这个例子

这里（代码和现场示例）

这是一个可排序和可选择的 jQuery UI，由三个连接的列表组成。它也有一个限制，因此一次只能选择一个项目。

如果您查看演示，您会发现只能跨同一列表的项目进行选择。我的问题是如何在多个连接列表中进行选择。

任何帮助深表感谢。

Answer 1

尝试用 div 包裹你的 sortables。例如：<div id="sortables">。然后更改您的选择器：

$("#list1, #list2, #list3").selectable

至：

$("#sortables").selectable

然后将此行添加为可选选项：

filter: "li",

这种方式将仅使<li>“可排序” div 中的元素可选。