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

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

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

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

所以我只能移动和排序屏幕上显示的元素。

因此我想知道是否可以将可排序元素延迟 2 秒。所以你必须触摸并按住 li 元素才能激活移动。然后我想知道是否可以允许滚动缩略图库,这样我就可以在列表中向下移动。

我的代码:

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

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

希望有人能帮忙。

谢谢

最佳答案

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

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

    });

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

关于jQueryUI 可排序允许滚动并为移动设备添加延迟,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17042779/

相关文章:

javascript - 根据本地存储中的值更改类属性

javascript - 使用 codeigniter 和 jquery 动态加载 View 部分

javascript - JS/CSS 如何在变换中间改变背景颜色?

html - 我们可以在 BEM 中制作 block 修饰符的元素吗?

javascript - 将项目拖放到仅包含排除项目的可排序列表中

javascript - jQuery iframe 关键字

javascript - 粘性表格行

html - 垂直显示图标 HTML

css - gulp-sourcemap 文件扩展问题

javascript - jQuery:如何处理自关闭标签和多个循环?