如何在可排序容器中禁用垂直拖动？

Question

我有两列要显示在一个可排序的容器中。一个显示所有用户的列表(“friends”列)，另一个开始为空(“selected”列)。我希望能够将用户从“friends”列拖到“selected”列。现在它就可以正常工作了。

问题是，当滚动时(尤其是在移动设备上)，你可能会将“好友”栏中的用户按乱序。因为它开始是按字母顺序排列的，所以当用户在寻找他的朋友以进行排序时，这会破坏顺序。我想要禁用垂直拖动，以便您只能从“朋友”->“选定”拖动，反之亦然。这两列中的任何垂直拖动都将被忽略。有没有一种不使用hammer.js就能做到这一点的方法，hammer.js可以轻松地应用于jquery可排序容器吗？

Answer 1

将sort选项设置为false以禁用列表中的排序

var sortable = new Sortable(el, {
    sort: true
});

请参阅选项部分：https://github.com/SortableJS/Sortable

Answer 2

http://jsfiddle.net/Jaffreena/rmSgx/45/

<div class="demo">
<ul id="sortable">
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>
        <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>

</ul>

<script> $("#sortable").sortable({ axis: "x" }); </script>