jQueryUI 可排序允许滚动并为移动设备添加延迟

Posted 2023-03-06

【中文标题】jQueryUI 可排序允许滚动并为移动设备添加延迟

【英文标题】：jQueryUI sortable allow scroll and add delay for mobile devices

【发布时间】：2013-06-07 05:23:01

【问题描述】：

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

除了当在移动设备上并且有很多图像时，我无法向下滚动屏幕以查看更多图像，因为它可以排序，所以一切正常。

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

因此，我想知道是否可以将可排序项目延迟 2 秒。因此，您必须触摸并按住 li 项目才能移动。然后我想知道是否可以允许滚动缩略图库，这将允许我向下移动列表。

我的代码：

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

延迟有效，但在不改变顺序的情况下仍无法向下滚动图像列表

希望有人能提供帮助。

谢谢

【问题讨论】：

有人可以帮忙吗？

我同意这一点。这是fiddle。

你找到解决方案了吗？

在我看来最好的解决方案是这个：***.com/questions/19283780/…

【参考方案1】：

使用“绑定”使这个jquery轮播工作，试试这个代码如下;

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

    );

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

【参考方案2】：

延迟：毫秒

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

将此添加到您的可排序设置中