问题标签 [touch-punch]

我正在使用 jQuery Mobile 制作一个 HTML5 应用程序，并且我刚刚在应用程序中添加了触摸打孔功能。该网站 ( http://touchpunch.furf.com/ ) 在我的手机中运行良好，但是当我尝试将相同的技术应用到我的应用程序中时，可拖动功能无法正常工作。

这是我的代码头，所以你们可以检查我是否插入了正确的 jquery 源。

这是显示内容的代码。它只是一个“div”内有 2 个绿色块的图像

我正在尝试使用带有 Touch Punch 库（ http://touchpunch.furf.com/）的 JQuery UI 来实现拖放行为。除了默认的 android 浏览器外，所有浏览器在 android 和 ios 上一切正常。在 touchpunch 网站上提供的最简单示例中，一切都可以正常工作，但是当您有许多可放置区域（或在某些其他情况下）时，默认 android 浏览器中的拖放不起作用（或工作非常糟糕）。我为这种情况写了一个例子：http: //jsfiddle.net/u6cNS/166/

（参见 jsfiddle 上的 html）

欢迎任何解决方案或解决方法。

我在 Web 应用程序中有一个 JQueryUI 可排序列表，但是在移动设备上使用时这不起作用 - 尝试重新排序项目而不是滚动页面。

对此的解决方案似乎是使用TouchPunch。实施后，这允许用户从列表中拖动项目，但不会重新排序。如果项目 3 被拖到列表的顶部并被放下，而不是替换项目 1，它只是返回到其原始位置。

我正在使用 TouchPunch 的标准实现。

我已经在同一台设备上尝试了网站上的演示，并且这些演示效果很好。

有没有人遇到过这个，有什么我想念的吗？

我使用的是 JQueryUI 1.10.4 和 JQuery 1.10.2，而演示使用的是 JQuery 1.8。

将 JQuery UI 与 Touch Punch 结合使用时，自动完成输入字段（对话框内）的单词选择无法正常工作。如果自动完成字段直接在 HTML 页面上，而不是在对话框中，它似乎可以工作。请注意，鼠标选择在所有情况下都可以正常工作，但触摸选择（即在移动设备上）则不行。

我已将整个案例简化为几行 HTML 和 JavaScript 代码。一次使用 JQuery UI Touch Punch，一次没有 JQuery UI Touch Punch。

我能够使用浏览器和操作系统的所有组合重现错误，例如 iPhone 上的 Chrome、Android 手机上的 Chrome 以及 iPad 上的 Safari，

如果有人知道解决方法会很好。

1. 带有按钮和内容的主页滚动到页面，单击右侧的按钮之一。
2. 整页封面或半页封面弹出窗口打开。
3. 关闭弹出窗口后尝试滚动页面但无法滚动，并且内容隐藏在/白页后面显示。
4. 期待屏幕 1 作为它的滚动。

如何摆脱设备上的弹性滚动？

我有两个脚本同时运行。1个是jqueryUI，另一个是touchpunch。我有一个用画布制作的signbox，用户可以在其中进行数字签名。问题出现在手机上。签名是可拖动的，因为它们在合同上。但在手机上可拖动不起作用。所以我使用了touchpunch，它可以在移动设备上进行拖动，但同时点击签名框会关闭。单击符号框打开一个模态框，您可以在其中签名。如果我把 touchpunch 放在底部，可拖动的作品和盒子打开停止。如果我将 jqueryUI 放在底部，则触摸有效，但可拖动则无效。我试图找到一种只放置 jqueryUI 的方法。当用户单击该框并打开标志框时，最后会添加 touchpunch。因此，在签署 touchpunch 后开始工作并且标志变得可拖动。

当我检查时，我确实看到打开盒子后，脚本确实被添加了，但盒子仍然不能拖动。总体问题是，如何在单击时添加一个脚本并使其工作。或者如果您有任何其他建议，请告诉我。