jquery ui selectable() 和 sortable() 结合答案

【问题标题】：jquery ui selectable() and sortable() combinejquery ui selectable() 和 sortable() 结合
【发布时间】：2012-09-08 11:03:31
【问题描述】：

我正在使用 twitter jquery 插件来显示 twitter 帖子列表 (ul/li)。

我还希望我的用户能够根据需要重新排列帖子，并且我希望标记移动的帖子。我看到了一个帖子here 怎么做。如果我使用这个，可选择的功能不起作用（我可以重新排列但不能选择）：

$(document).ready(function() {

     $(".ul_sortable" ).sortable().selectable();
});

如果我使用这个排序功能不起作用（我可以选择但不能重新排列）：

$(".ul_sortable" ).sortable().selectable();

【问题讨论】：

【解决方案1】：

关键是使用可排序的handle 选项，如另一个问题的链接所示。

Sortable 和 selectable 都接管了它们所应用的项目的鼠标事件，但是 handle 选项允许您将排序应用于项目的一部分，因此允许 selectable 对项目的其余部分起作用。

还应该注意的是，原生不支持选择一堆项目然后将它们全部排序。

要标记项目是否移动，您可以使用各种可排序事件，例如 stop 和 change docs

【讨论】：