jQueryUI sortable允许滚动并为移动设备添加延迟

时间:2013-06-11 11:16:42

标签: jquery html css jquery-ui jquery-ui-sortable

我有一个内联缩略图库视图,可以使用jQueryUI和移动设备的触摸插件插件进行排序。

除了在移动设备上有大量图像之外,一切都工作正常,我无法向下滚动屏幕以查看更多图像,因为它可以进行排序。

所以我只能在屏幕上移动和排序视图中的项目。

因此我想知道是否有可能延迟2秒的可排序项目。所以你必须触摸并保持li项目变得活跃才能移动。然后我想知道是否有可能允许滚动缩略图库,这将允许我向下移动列表。

我的代码:

      $(function() {
        $( "#sortable" ).sortable({
          delay: 900,
          scroll: true,
          placeholder: "ui-state-highlight"
        });
        $( "#sortable" ).disableSelection();
      });

延迟有效,但仍然无法向下滚动图像列表而不改变顺序

希望有人可以提供帮助。

由于

2 个答案:

答案 0 :(得分:0)

使用“Bind”使这个jquery轮播工作,尝试如下代码;

$("#sortable").bind('swipeleft',function(event, ui){

    });

更多信息http://learn.jquery.com/jquery-mobile/getting-started/

答案 1 :(得分:0)

延迟:毫秒

在拖动开始之前将毫秒更改为所需的时间长度

将此添加到可排序的

设置中