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

Question

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

here（代码和实例）

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

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

非常感谢任何帮助。

Answer 1

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

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

到：

$("#sortables").selectable

然后将此行添加为selectable option：

filter: "li",

这种方式只会让 <li> 元素在 "sortables" div 中可选。