相关疑难解决方法(0)

当您使用JavaScript添加拖放到网页时,例如jQuery UI draggable和droppable,当通过移动设备上的浏览器查看时,如何使其工作 - 拖动的触摸屏操作被拦截手机滚动页面等？

欢迎所有解决方案......我最初的想法是:

1. 有一个移动设备按钮,可以"提升"要拖动的项目,然后让他们单击要放置项目的区域.

2. 编写一个应用程序,为移动设备执行此操作,而不是尝试让网页上的工作!

3. 请您提出建议和意见.

参考这个答案:https://stackoverflow.com/a/6362527/3034646

我如何绑定触摸事件,以便他们执行dragstart和drop事件？我已经尝试将dragstart绑定到touchdown并放到touchup但这会导致dragstart没有在dataTransfer.get/setData上获取.

是否可以映射触摸事件以复制dragstart和drop？

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

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

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

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

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

提前致谢...

我正在研究Angular JS draggable指令.我的代码与此Plunker类似

当使用鼠标操作时,我的代码和这个plunker都能在窗户上完美运行.但是在涉及触摸的任何标签上它根本不起作用.这背后可能是什么原因？任何想法如何让它工作？

我在Android上实现jQuery Draggable http://jqueryui.com/demos/draggable/时遇到了一些问题.我已经创建了html代码并使用我的浏览器对其进行了测试.然后我在build.phonegap.com上编译它.获得.apk后,我将它安装在使用Android 2.2 Froyo的xp​​eria x8上.应用程序运行良好,但是当我拖动对象时它不会移动..我的方法有问题吗？谢谢

我即将开始一个房间设计师项目的工作,这个项目允许你将墙/门/家具等拖放到网格上来设计一个房间.我已经决定拖放透明PNG并绝对定位它们不会起作用,我不想使用flash,所以它是Canvas或SVG.

我:我之前从未使用过Canvas或SVG,但是我非常能胜任javascript和jQuery(我很好用OO Javascript,匿名函数,闭包,回调等)而且我读过Douglas Crockford的"Javascript:好的部分"并且大部分理解;-)

项目 - 需要从组件窗口拖放到设计器窗口,需要在平板电脑(而不是手机)上工作,因此触摸事件是一个问题.还需要工具提示,对象的分层等.如果我使用矢量图形,那么他们无论如何都需要有位图纹理(例如墙面板可能有墙纸纹理)

到目前为止,我已经阅读了一本关于Canvas的书,并得出以下结论......

帆布

• 快速
• 让你的头围在画布上重绘对象相当简单
• 不知道还有鼠标事件
• 像EaselJS,FabricJS和KinectJS这样的图书馆看起来很不错.

SVG

• 可扩展(更容易构建缩放功能)
• 易于从插图画家导入图形.
• 绘图库看起来不够丰富/好.
• 不知道回合鼠标/触摸事件.

所以,我需要很快解决如何做到这一点.现在我倾向于Canvas和一个好的库,因为我相信他们中的一些人可以导入SVG以获得可扩展性.

任何关于哪个方向的建议都将非常感谢.

我是网络移动新手.

当我想制作可拖动的项目时,我只使用jquery ui,在移动Web应用程序中执行此操作的方法是什么？(我正在使用jquerymobile)我们是否应该在web移动中使用jquery ui或存在其他好方法？

谢谢,