如何在移动设备上进行jquery拖动工作?

我有一个应用程序,我允许用户拖动一些图像。 它使用jquery。 我试图让它在移动设备上工作(在iPhone上,如果我拖动图像然后它拖动整个页面)。 我想使用jquery mobile。 这是正确的方法吗? 如果是这样,从常规jquery转换到jquery mobile是否相当容易? 而且,如果我使用jquery mobile,它是否仍然可以从桌面上拖动?

谢谢!

我发现了一个非常简单的解决方案 – jQuery UI Touch Punch 。

它通过有效地将触摸事件转换为点击事件来工作,因此您的可拖动代码将按照您希望的移动/平板电脑触摸屏工作。

要实现,您只需下载Touch Punch脚本,然后在其他jQuery / jQuery UI包含以下内容后将其包含在HTML中:

我已经在Android和iOS上进行了测试,它第一次为我工作,没有任何问题。