Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在可排序容器中禁用垂直拖动?_Javascript_Jquery Ui_Jquery Ui Sortable_Hammer.js - Fatal编程技术网

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

Javascript 如何在可排序容器中禁用垂直拖动?,javascript,jquery-ui,jquery-ui-sortable,hammer.js,Javascript,Jquery Ui,Jquery Ui Sortable,Hammer.js,我有两列要显示在可排序容器中。一个显示所有用户的列表(“朋友”列),另一个开始为空(“选定”列)。我希望能够将用户从“朋友”列拖动到“选定”列。这项工作目前正如期进行 问题是,当滚动时(尤其是在手机上),你可以将“朋友”栏中的用户按顺序滑动。因为它是按字母顺序开始的,所以当用户正在寻找他的朋友将其排序为所选内容时,这会破坏顺序。我想禁用垂直拖动,以便您只能从“朋友”->“选定”拖动,反之亦然。任何列内的垂直拖动都将被忽略。有没有一种方法不使用hammer.js就可以做到这一点,hammer.js

我有两列要显示在可排序容器中。一个显示所有用户的列表(“朋友”列),另一个开始为空(“选定”列)。我希望能够将用户从“朋友”列拖动到“选定”列。这项工作目前正如期进行

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


    第1项 第2项 第1项 第2项

$(“#可排序”)。可排序({
轴:“x”
});

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

var sortable = new Sortable(el, {
    sort: true
});
请参阅选项部分:

您看过吗?轴属性现在称为“方向”:“垂直”|“水平”,但不能解决重新排序问题
var sortable = new Sortable(el, {
    sort: true
});