jquery-ui - jquery ui selectable() 和 sortable() 结合

Question

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

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

$(document).ready(function() {

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

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

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

Answer 1

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

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

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

为了标记一个项目是否被移动，您可以使用各种可排序的事件，例如stop和change docs