jquery ui selectable()和sortable()组合

时间:2012-09-08 11:03:31

标签: jquery-ui jquery-ui-sortable jquery-ui-selectable

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

此外,我希望我的用户能够根据需要重新排列帖子,并希望标记移动的帖子。 我看了一篇帖子here怎么做。 如果我使用它,可选功能不起作用(我可以重新排列,但不能选择):

$(document).ready(function() {

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

如果我使用它,可排序功能不起作用(我可以选择,但不能重新安排):

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

1 个答案:

答案 0 :(得分:0)

关键是使用可排序的handle选项,如其他问题的链接所示。

可排序和可选择都接管它们所应用的项目的鼠标事件,但handle选项允许您将排序应用于项目的一部分,允许可选择的工作在其余的项目

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

要标记项目是否已移动,您可以使用各种可排序的事件,例如stopchange docs