如何禁用垂直的排序容器拖动?

问题描述 投票:3回答:2

我有2列,我想显示在排序的容器。一个显示所有用户的列表(“朋友”栏)和其他开始了为空(“选择”列)。我希望能够从“朋友”栏拖动用户的“选择”列。这可以作为现在预期。

问题是,滚动(特别是手机)的时候,你可以在“朋友”栏一抖用户失灵。因为它开始按字母顺序排列出来这个遗址的顺序为用户寻找到选定他的朋友进行排序。我想禁用垂直拖动,这样你只能从拖动“朋友” - >“选择”,反之亦然。无论柱内的任何垂直拖拽将被忽略。有没有办法做到这一点,而无需使用hammer.js,并hammer.js容易地应用到一个jQuery排序容器?

javascript jquery-ui jquery-ui-sortable hammer.js
2个回答
0
投票

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>


0
投票

组排序选项设置为false禁用列表中排序

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

见选项部分:https://github.com/SortableJS/Sortable

© www.soinside.com 2019 - 2024. All rights reserved.