在IPad Web App上拖放 - 同时保留Scroll功能

tma*_*ini 7 javascript jquery jquery-ui web-applications ipad

我正在使用Jquery UI Drag and Drop(http://jqueryui.com/demos/draggable)和https://github.com/furf/jquery-ui-touch-punch 将触摸事件映射到鼠标事件.到目前为止,整个拖放工作正常.

我现在遇到的问题是我有一长串可拖动元素,我需要能够在IPad上滚动列表...当我使列表元素可拖动时,这将不再起作用.

我尝试使用jqueryui提供的约束distancedelay - 但即使这样,滚动事件似乎完全禁用/覆盖了拖动事件.

我可能需要编写一个自定义函数,例如"只有向左移动至少50 px使其可拖动"或其他东西.

有没有人遇到类似的问题,并愿意分享关于它的som想法?是否有像Sencha或JQmobile这样的其他移动Web框架都配备了这样的功能?

提前致谢...

tma*_*ini 3

我通过从https://github.com/furf/jquery-ui-touch-punch切换 到此解决方案中的代码解决了这个问题:Javascript Drag and drop for touch devices

最后我需要调整的就是删除event.preventDefault();以重新启用骂人。

编辑

基本上我使用了我链接的第二个答案中的代码 - 进行了一些调整。这是我的解决方案的 JS 小提琴,希望它有所帮助:http ://jsfiddle.net/LQuyr/8/