如何让jQuery UI的Draggable和Sortable功能在iPhone上运行？

Question

我有一个使用JQuery UI的页面; 特别是可排序的交互.

该页面适用于带有鼠标的桌面Web浏览器,但是我无法在iPhone上的Mobile Safari上使用拖放功能.任何拖动操作都只是滚动页面.

我页面上的功能与JQuery UI站点上的Sortable Empty-Lists演示非常相似.此页面也无法在iPhone上运行.

有没有办法让拖放功能在iPhone上运行？

Answer 1

根据Mobile Safari文档,不支持拖放,但可以模拟.由于基本上拖动手指会滚动浏览器,因此您必须禁用此功能.这可以这样做:

$(document).bind('touchmove', function(e) {
   e.preventDefault();
}, false);

否则你必须处理的事件是touchstart,touchmove和touchend.