问题标签 [jquery-ui-touch-punch]

我开始使用 jquery touch punch 扩展，以允许 ipad 上的可拖动性，但我马上就被绊倒了。对我来说可能是非常愚蠢的事情。开发人员的可拖动示例在我的 ipad 上运行良好：

http://furf.com/exp/touch-punch/draggable.html

这在我的桌面浏览器中运行良好，但在 ipad 上它只关注块并在我拖动时滚动整个页面，就好像它只是一个图像或其他正常的嵌入对象一样。因为这是 ipad 上的 jquery/ui 通常发生的情况，这让我认为它没有加载或忽略我网站上的“punch”代码（尽管如果我通过相同的路径在我的网站上托管 jquery 文件，那些加载并且在桌面浏览器中运行良好）。这是整个代码，非常基本：

我错过了什么？！

我正在使用带有 Touch Punch (http://touchpunch.furf.com) 的 jQuery UI 滑块，因此它适用于触摸移动设备。滑块位于位置：固定到顶部的标题中。标题下方的内容不固定，并在您向上滚动时滚动到标题下方。它在桌面上运行良好，但是当我在 iPhone 上对其进行测试时，一旦开始向上滚动，滑块手柄就无法拖动。

我认为它正在执行滚动事件而不是句柄的单击/触摸事件。

环顾四周后，我尝试添加它以禁用在#top div上的滚动：

但我认为这不起作用，因为它仍在使用下面的类 .pics 获取 div？

感谢您提供的任何帮助并道歉，如果我没有意义或遗漏了明显的东西！

在我的应用程序中，我使用拖放，我也想在移动设备上实现。我正在考虑像这样使用 JQuery Ui 触摸打孔器：

问题是我的图像仅在其父级范围内（见附图）而不是整个页面上拖动。我尝试过更改收容选项，但问题似乎出在其他地方。

CSS：

Javascript：

我的可拖动 div 在触摸设备上变得可拖动，但在开始移动它时它会“闪烁”到奇怪的位置。像桌面设备的魅力一样工作，但不适用于 iPad 或 Android。

有什么解决方案的建议吗？

提前致谢！

我有一个在桌面设备上完美运行的代码：

HTML：

JS：

简短的评论：我的拖放仅在 x 轴上工作。

不幸的是，DnD 不适用于任何移动设备:(

有什么想法吗？

我一直在使用 jquery touch punch 一段时间，它一直很完美，直到我更新到 jquery ui 1.9.1 和 jquery 1.8.3。它似乎不起作用。是否存在兼容性问题或我必须做些什么才能使其工作？

谢谢你。

如果我滚动页面，当前拖动的可拖动对象将保持在同一位置。这导致手指不再位于可拖动对象之上。有什么方法可以在不删除可拖动功能的情况下将可拖动的位置更新到当前触摸位置？

我的设置相当复杂，使用 iScrolls scrollTo 方法进行滚动和 jQuery-Ui-Touch Punch 进行触摸支持，但这也适用于其他可拖动和触摸/单击位置不匹配的情况。

我目前正在尝试制作一种在线教练战术板，您可以在其中拖动 div 冒充球员来展示阵容或特定战术。我正在使用Touch Punch进行拖动，它在 PC、平板电脑和智能手机（最后两个是目标平台）上运行良好。

我现在想尝试和实现的是，当您按下按钮时，在拖动玩家之后开始在轨迹中绘制线条，因此特定玩家应该如何运行的模式。这意味着您将首先将玩家置于起始位置，然后使用按钮开始线路轨迹，然后开始在运行模式中拖动他们，以便显示。

我目前在 a 中绘制了线条<canvas>，但这意味着您将线条与拖动玩家分开拖动，这有时会变得拥挤并且很容易开始拖动 div 而不是开始在 div 旁边开始绘制线条，尤其是在触摸屏。

有人知道这是否可能吗？

我提到了这个并使用了触摸打孔。但是，它向我抛出了以下错误： Object [object Object] has no method 'draggable'对于该行：

如何解决这个问题？

我已经使用触摸打孔来让 jquery 的滑块在 myiPad 中工作。但是，它只有在我给出时才有效：

它不起作用，如果我尝试使用 -

其中 jquery-ui.js 是从http://code.jquery.com/ui/1.10.4/jquery-ui.js下载的文件。