jquery-ui可排序| 如何让它在iPad/touchdevices上运行？

Question

如何在iPad和其他触摸设备上使用jQuery-UI可排序功能？

我试图使用event.preventDefault();,event.cancelBubble=true;和event.stopPropagation();,touchmove以及scroll事件,但结果是页面不再滚动.

有任何想法吗？

Answer 1

找到了解决方案(直到现在才用iPad测试过!)!

这也适用于Android平板电脑.在Android 3.1上的三星Galaxy选项卡10.1上进行了专门测试. (8认同)
好东西.您应该为此答案添加绿色标记. (8认同)
适用于搭载Android 2.3.4的三星Galaxy S2 (3认同)
这很棒！尽管我有一张桌子覆盖整个页面，所以在不移动元素的情况下很难上下滚动。有人解决过这个问题吗？添加一些东西来防止元素移动直到它们触摸了特定的X秒钟才可以解决问题？ (2认同)
自2014年1月起,它无法在Windows Phone的Internet Explorer上运行.希望当其他浏览器可用时,这将起作用. (2认同)

Answer 2

为了使sortable移动工作。我使用这样的触摸打孔：

$("#target").sortable({
  // option: 'value1',
  // otherOption: 'value2',
});

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

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