jQuery UI Draggable 不适用于 ios 设备

Question

我使用 .draggable(jQuery UI 的一部分)来允许用户作为简单 Web 应用程序的一部分移动项目。它在 OSX 和 Windows 的所有最新桌面浏览器上运行良好(Windows Safari 除外，由于某种原因它仅垂直移动项目)。

我遇到的主要问题是它无法在 Safari IOS 上运行(这是该应用程序最初的目标目标)。

是否有兼容性原因导致此功能不起作用？

是否有其他方法可以达到相同的效果？

我运行它的测试站点是 http://www.pudle.co.uk/mov/draggable.html我还制作了一个 jsfiddle - http://jsfiddle.net/t9Ecz/ .

非常感谢任何帮助，干杯。

Answer 1

像 iPhone 这样的基于触摸的设备缺乏我们在桌面浏览器中习惯的所有常见的鼠标相关事件。它确实包括:mousemove、mousedown、mouseup等。

因此，简短的答案是，您需要使用一种解决方案，考虑到上面的“鼠标事件”对应的“触摸事件”:touchstart、touchmove、touchend 或 touchcancel。

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

您可能对 jQuery mobile 感兴趣也是如此。

希望这是一个开始，您可以找到适合您需求的解决方案。