jquery ui selectable()和sortable()组合

Question

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

此外，我希望我的用户能够重新安排他们想要的帖子，我希望移动的帖子被标记。我在here上看到一篇关于如何做到这一点的文章。如果我使用这个，可选择的功能不起作用(我可以重新排列，但不能选择)：

$(document).ready(function() {

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

如果我使用这个，可排序函数不起作用(我可以选择，但不能重新排列)：

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

Answer 1

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

可排序的和可选择的都接管了它们所应用到的项的鼠标事件，但是handle选项允许您将排序应用于项的一部分，从而允许selectable在项的其余部分上工作。

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

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