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

我正在使用 jquery ui touch punch为我的应用程序在支持触摸的移动设备中启用触摸事件支持。拖动和单击是有效的，但双击是无效的。

通过添加这个 CSS

双重触控适用于 Internet Explorer，但不适用于任何其他浏览器。

这是库的完整代码

有没有人以前解决过这个问题或知道如何修复双击

完全错误：

我有一个使用触摸事件的代码。当我开始拖动时，最初 10-30 步是正常的，但在 30-35 步之后，拖动变得缓慢且难以拖动。我不确定是什么导致了这个问题，我是处理触摸事件的新手，似乎无法解决这个问题。这是处理触摸事件的代码：

任何解决方案将不胜感激

根据本文档（jQuery UI Touch Punch），我尝试使用 npm 安装以下软件包，以便在我的项目中本地实现它们：

1. jQuery
2. jQuery-ui
3. jquery UI 触控打孔

我遇到的第一个问题是，在 jquery-ui 的 node_module 文件夹中，jquery-ui.min.js 不存在。我在哪里可以找到它？

第二个问题是，当我使用

在我的网站的头部，它不工作，但是

怎么可能？

我希望有一个人可以帮助我。这让我疯狂。

如果在加载此库之前将内容加载到 DOM 中，则 jQuery UI Touch Punch 可以完美运行。

在将内容动态加载到 DOM（如 HTML 标记 <select> 和 <input>）后，这些标记不再响应触摸事件。（可以在 Chrome 中模拟）
在触摸设备上拖动元素仍然可以正常工作

非常欢迎提出建议。谢谢

我使用触摸打孔创建了一个拖放或可排序的图像。即使在 android 中，chrome 中的一切都可以正常工作。但它似乎在使用 iPhone 的 Safari 中不起作用..

https://jsfiddle.net/y05w1mog/

可能是 CSS 问题。图像应该可以拖动到以下四个选项之一。

我通过拖动图标使用带有 Touch Punch 的 Jquery UI 实现了分屏滑块 - 使用 jQuery UI“可拖动”功能。它在桌面和移动 IOS 手机上运行良好。基于作者/源提供的一些代码，我选择了 jQuery 1.12.4。

但是，当我使用更高版本的 jQuery 3.3.1 时，拖动失败并出现控制台错误。我得到的错误是：

不太明白上面的错误信息。任何人都可以使用更高版本的 jQuery（我在网站的许多其他部分使用）提供修复吗？

我在下面使用过的测试代码。您可以剪切/粘贴到浏览器中，应该会发现它按预期工作 - 单击左/右箭头，拖动，分屏随之移动：

可拖动失败（单击/拖动时不移动）的 jQuery 更高版本是：

提前致谢！

我正在向我的网站添加一个 QapTcha 插件，我正在使用 jquery.ui.touch-punch.min.js。但是，当我从移动站点放大页面并将滑块向左拖动时，它会移出栏，这是不应该的。我附上了图片，以了解发生了什么。

当您放大页面并滑动滚动条时，会出现问题，它会向左移出页面，如您在第三张图片中所见。这是我的代码：

当页面放大时，如何防止它移出栏？

我有一个使用 jQuery 2.0.3 在 Ruby on Rails 上运行的站点。jQuery-UI 1.11.4 和 jQuery 移动 1.4.5。我有一个使用'rails_sortable' gem 实现的拖放可排序列表，它可以在桌面上完美运行，但不能在移动设备上运行，所以我添加了触摸打孔。这基本上解决了问题，但前提是我在初始页面加载后刷新页面。它不适用于第一页加载。仅供参考：我在移动设备上按句柄排序，但在桌面上按整个列表元素排序。

注意：'rails_sortable' gem 只是 jquery.ui.sortable 1.11.4 的一个包装器，因此它接受该版本的所有可排序选项。

jquery-ui-touch-punch 是最后加载的文件，因此它是在所有其他 jQuery 库之后加载的。浏览器开发工具指示文件已成功加载。我什至在 jquery-ui-touch-punch 脚本的底部添加了一个 console.log，说明它已加载。我向 jquery-ui-touch-punch 添加了一个幻像查询字符串，以确保 jQuery mobile 没有缓存该文件。

我不知道如何解决这个问题以及为什么触摸打孔仅在页面刷新后才起作用。任何帮助，将不胜感激。

我正在使用 Query UI Touch Punch 0.2.3。

该站点是一个专有站点，只能通过用户登录访问。

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

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

Selectable 不会在移动设备/触摸屏上滚动。有人遇到过这样的Bug，是否有解决方案？触摸 Pounch 脚本已连接。谢谢你。