如何让jQuery-UI可排序特性在iPad和其他触控设备上工作?
http://jqueryui.com/demos/sortable/
我尝试将event.preventDefault();
、event.cancelBubble=true;
和event.stopPropagation();
与touchmove
和scroll
事件一起使用,但结果是页面不再滚动。
有什么想法吗?
发布于 2011-01-10 23:56:58
找到了一个解决方案(到目前为止只用iPad测试过!)!
发布于 2019-02-26 21:41:00
让sortable
在移动设备上工作。我使用的touch-punch是这样的:
$("#target").sortable({
// option: 'value1',
// otherOption: 'value2',
});
$("#target").disableSelection();
注意在创建可排序实例之后添加disableSelection();
。
发布于 2022-01-22 22:10:34
@eventhorizon提供的解决方案100%有效。然而,当你在手机上启用它时,你会在大多数情况下遇到滚动问题,在我的例子中,我的手风琴停止工作,因为它变得不可点击。解决这个问题的一种方法是让拖动可以通过图标初始化,然后让sortable使用它来初始化拖动,如下所示:
$("#sortableDivId").sortable({
handle: ".ui-icon"
});
在其中传递您希望作为初始化器的类名。
https://stackoverflow.com/questions/4641590
复制相似问题