相关疑难解决方法(0)

我们有一个卡片游戏网站,它广泛使用jQuery Draggable和Droppable,它使用了近一年(当使用鼠标时)几乎完美无缺.

我们真的很想让网站在触摸屏设备上运行,但我们似乎无法获得jQuery的拖拽,尤其是降低功能以便可靠地工作.

拖动工程"确定",除非被拖动的DIV是任何种类的偏移量,保证金,填充等的另一个DOM元素中.如果是,则拖动的元素也从用户的手指通过类似的偏移量.可能听起来不是什么大不了的事,但它使界面变得不可用.

掉线似乎不起作用.

我们已经研究了SO上提供的各种选项(如果可以的话,会尝试更新这篇文章的链接,但是没有一个适用于我们).

我们还研究过jQuery Mobile,但它仍处于alpha状态,甚至更像是一个框架,使网站模拟手机的UI与我们正在寻找的.

关于这一主题的大多数SO和谷歌帖子似乎都在2010年末落后,这让我觉得有一个明显的答案,也许我们只是遗漏了.

顺便说一句,我们正在寻找的功能在技术上显而易见,因为用于拖放的YUI库按预期工作.不幸的是,我们不能仅仅重构网站以从jQuery切换到YUI.

那里有人有什么想法吗？我们会满足于只支持iPad的答案,但它确实不需要我们重构现有网站.

谢谢!

昨晚,我想我会做一个快速的项目来演示HTML5功能并试一试.但是,我似乎无法弄清楚如何在Safari中拖放工作,而它在Chrome和Firefox中完美运行.更准确地说,当您尝试将网站内的图像拖动到放置区域时,似乎不会在Safari中触发放置事件.同时,当您从桌面拖放文件时,它会触发.

我不太确定,但我很确定当我在工作中尝试相同的脚本(我有Safari 5.0.2等)时,它会触发掉落事件(明天要检查它以确定)并给出了我与预期的FileReader相关的错误.但是当我在我自己的PC上安装Safari 5.1时,我只会得到dragover,进入和离开事件(如果文件被拖入浏览器,也会掉线).

我已经谷歌搜索了一段时间,似乎没有找到一个实际上在Safari 5.1中工作的拖放的例子.甚至Safari的开发中心的样本也不起作用,更不用说html5demo.com 1和html5demo.com 2.这让我想到Safari是否有错误,或者他们已经实现了一些强制性的东西,这些东西没有在开发中心反映出来(最后一次更新于2009年).

我正在尝试修复的脚本是在我的网站上(对不起,没有问题的特定代码要发布,因为它似乎也在其他地方被破坏).

PS!我可能已经在我自己的网站上引入了一些错误,同时拼命想要解决Safari中的拖放问题,但我现在太累了,无法修复它们.

更新:刚刚在工作中确认drop事件在Mac OS X上的Safari 5.0.2中触发.

更新2:还确认在Win 7上的Safari 5.0.6,与5.1失败的同一台计算机上的一切都运行良好

我目前正在开发一个可在iPad上观看的网页.它使用jquery-ui库来显示滑块.但是,当用户尝试拖动滑块时,整个页面会拖动.有没有人知道是否有任何类型的覆盖可以在jquery或html中指定,以防止浏览器在触摸拖动事件时在iPad上拖动页面？