在Safari上拖放iOS：不会拖动，不会响应在桌面/ iPad上拖放

Question

我正在编写一个要在iPad上查看的网页。它使用狩猎/ Webkits拖动&下降。我已经完全复制Safari的示例拖动代码&，但它不会工作。

我的问题：当我运行在Safari桌面或Safari浏览器在iPad上的网页（HTML，CSS &的Javascript）的ondrop事件永远不会触发。在iPad上，我甚至不能拖动元素（显微镜thingie出现&它不会拖动，当我举行&移动我的手指在元素上）。虽然拖动在桌面上工作。

怎么回事？

小的代码示例可以在这个网页的最下方找到：http://developer.apple.com/library/safari/#documentation/appleapplications/Conceptual/SafariJSProgTopics/Tasks/DragAndDrop.html

这里是的jsfiddle（记得拖&下降的Webkit所以只有Safari浏览器，此网页是为iPad只） ：http://jsfiddle.net/eyM3y/

Answer 1

您是否阅读过您在Apple文档中链接到的页面的顶部？它说：

注意：该技术仅支持桌面版本的Safari。对于iOS，请使用处理事件（Safari Web Content Guide的一部分）和Safari DOM Additions Reference中介绍的DOM Touch。

DOM Touch link

Safari DOM Additions link

我相信你可能想监听的TouchMove和touchend事件，而不是在拖和下降。 :)

Answer 2

工作的选择：

首先，对于拖动使用jQuery UI http://jqueryui.com/demos/和拖放功能

然后添加这个脚本https://github.com/furf/jquery-ui-touch-punch在iPad或iPhone上播放。

希望它有帮助。

Answer 3

我和我的一个项目有类似的问题，但可以通过以下教程解决：http://popdevelop.com/2010/08/touching-the-web/。它适用于我，我希望你会喜欢它。