首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jquery-ui sortable |如何让它在iPad/touchdevices上工作?

jquery-ui sortable |如何让它在iPad/touchdevices上工作?
EN

Stack Overflow用户
提问于 2011-01-10 04:30:41
回答 3查看 70.3K关注 0票数 123

如何让jQuery-UI可排序特性在iPad和其他触控设备上工作?

http://jqueryui.com/demos/sortable/

我尝试将event.preventDefault();event.cancelBubble=true;event.stopPropagation();touchmovescroll事件一起使用,但结果是页面不再滚动。

有什么想法吗?

EN

回答 3

Stack Overflow用户

发布于 2011-01-10 23:56:58

找到了一个解决方案(到目前为止只用iPad测试过!)!

https://github.com/furf/jquery-ui-touch-punch

票数 220
EN

Stack Overflow用户

发布于 2019-02-26 21:41:00

sortable在移动设备上工作。我使用的touch-punch是这样的:

代码语言:javascript
复制
$("#target").sortable({
  // option: 'value1',
  // otherOption: 'value2',
});

$("#target").disableSelection();

注意在创建可排序实例之后添加disableSelection();

票数 6
EN

Stack Overflow用户

发布于 2022-01-22 22:10:34

@eventhorizon提供的解决方案100%有效。然而,当你在手机上启用它时,你会在大多数情况下遇到滚动问题,在我的例子中,我的手风琴停止工作,因为它变得不可点击。解决这个问题的一种方法是让拖动可以通过图标初始化,然后让sortable使用它来初始化拖动,如下所示:

代码语言:javascript
复制
$("#sortableDivId").sortable({
        handle: ".ui-icon"
});

在其中传递您希望作为初始化器的类名。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4641590

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档