我有一个应用程序,允许用户拖动一些图片。它使用jQuery。我正在尝试在移动设备上使其工作(在iPhone上,如果我拖动图片,整个页面都会被拖动)。我想使用jQuery Mobile。这是正确的方法吗?如果是,从普通的jQuery过渡到jQuery Mobile很容易吗?而且,如果我使用jQuery Mobile,它仍然可以在桌面上拖动吗?
谢谢!
我有一个应用程序,允许用户拖动一些图片。它使用jQuery。我正在尝试在移动设备上使其工作(在iPhone上,如果我拖动图片,整个页面都会被拖动)。我想使用jQuery Mobile。这是正确的方法吗?如果是,从普通的jQuery过渡到jQuery Mobile很容易吗?而且,如果我使用jQuery Mobile,它仍然可以在桌面上拖动吗?
谢谢!
我发现了一个非常简单的解决方法 - jQuery UI Touch Punch。
它通过有效地将触摸事件转换为点击事件,使您的可拖动代码在移动设备/平板电脑触摸屏上按照您所希望的方式工作。
要实现这个功能,您只需要下载Touch Punch脚本并将其包含在您的HTML中之后您的其他jQuery / jQuery UI包含项:
<script src="scripts/jquery.ui.touch-punch.min.js"></script>
我在Android和iOS上进行了测试,对我来说一次就成功了,没有任何问题。