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

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
76 浏览

jquery - 我的 selectToUISlider 滑出范围,仅在单击时更新值,而不是在滑动时

如页面顶部所示:http: //bit.ly/1HPqZ5j

尽管我添加了 jquery.ui.touch-punch.min.js,但它也不适用于移动设备(不能滑动)

0 投票
0 回答
91 浏览

google-chrome - 滑动触摸事件被浏览器而不是我的网站捕获

在我的水平滚动网站上,我有这些处理滑动的函数:

如果从鼠标向下到鼠标向上的距离和时间在阈值内,则为滑动。滑动将使网站滚动一个屏幕宽度。当我用鼠标做这件事时,这非常有用。

我已经包含 jquery.touch-punch 来将触摸事件视为鼠标事件。但是在我连接到电脑的触摸显示器上,浏览器(chrome)会以非常不同的方式处理触摸。向右/向左滑动可在浏览器历史记录中后退/前进。我的网站上永远不会触发鼠标向上/向下事件。

我使用触摸打孔错了吗?还是我可以关闭的浏览器行为?或者它是Windows 7的东西?

0 投票
1 回答
4036 浏览

javascript - jQuery-ui 滑块不适用于 jQuery-ui Touch Punch

我有一个 jQuery-ui 滑块,我正在尝试使用 jQuery-ui Touch Punch 在 iPad 上工作。根据文档,一旦我包含了该库,我只需执行以下操作即可使其在 iPad 上运行。

但是,这是行不通的。任何人都可以帮忙吗?

HTML

JS

0 投票
1 回答
968 浏览

jquery - 如何使用 jQuery Touch Punch

对于 jQuery Touch Punch,您必须下载 jquery.ui.touch-punch.js。我想知道我必须把这个文件放在哪里?

http://touchpunch.furf.com/

实施它的第二步是

Include Touch Punch after jQuery UI and before its first use.

为什么我必须在之前和之后而不是之前包括它?

0 投票
1 回答
1932 浏览

javascript - jquery触摸打孔不起作用

我试图让我的拖放功能在手机上工作。所以我正在尝试使用 jquery touch punch,但它似乎并没有在手机上启用拖放功能。

这是我的代码。我将 jquery.ui.touch-punch.min.js 放在 /app/assets/javascripts/ 文件夹中。

0 投票
0 回答
1306 浏览

javascript - 使用 Highcharts 和 touchpunch 在移动设备上滚动

我正在尝试在移动网络应用程序中使用 Highcharts,但我遇到了在移动设备上滚动图表的问题,如前所述,即Scrolling over highcharts graph

我尝试包含脚本 touch-tooltip-fix.js - https://gist.github.com/skarface/2994906

然而,这对我不起作用,我在网上找到的其他应该解决问题的类似脚本也不起作用。我想知道问题是否在于我正在使用 jQuery UI touch-punch?我试过修改脚本,但没有任何运气。

基本上我的问题是现在解决了吗?如果是这样,有没有办法让它与触摸打孔一起工作(或者这甚至是问题)?

0 投票
1 回答
840 浏览

android - 适用于我的 Android 的 Jquery Touch Punch 可拖动

您好,我想弄清楚如何在这里为我的手机拖动此代码我已经包含了触摸打孔库,但是当我尝试在手机上拖动任何东西时它不起作用有谁知道我做错了什么?这是我试图拖动的代码

https://jsfiddle.net/elchininet/2u5xtkv2/

我的图书馆是

感谢您的任何帮助

0 投票
1 回答
72 浏览

jquery - TouchPunch 不重新排序可排序列表中的项目

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

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

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

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

有没有人遇到过这个,有什么我想念的吗?

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

0 投票
1 回答
1031 浏览

javascript - 为什么 Touch-Punch 插件在我的网站中不起作用?

我已经在我的网站上实现了 touch-punch 插件,但我仍然无法将触控功能用于我的签名功能。当我在 Edge 上使用它时,触摸功能可能会在停止之前工作一秒钟。此外,对于普通的 Internet Explorer 来说,它工作得很好,但 Chrome 和 Firefox 根本无法使用触摸打孔。

签名代码:

0 投票
1 回答
433 浏览

jquery - 如何使用jQuery UI Sortable在“sortover”事件中获取拖动元素下方的元素索引?

我知道这看起来很奇怪,因为已经有一个更新事件。但我正在使用该touch-punch库使 jQuery UI 函数在触摸设备上工作。但例如在 Nexus 7 的 Chrome 浏览器上,更新事件不会触发。这就是为什么我尝试通过sortupdate从事件触发事件来修复它sortover

问题是,我不知道如何获取拖动元素下方的元素索引。ui.item只返回被拖动元素的索引。是否有任何 jQuery UI 内置功能?通过鼠标悬停/悬停检查获取索引不起作用,因为拖动的元素大于mousecursor. 通过光标位置获取元素索引似乎也很棘手......

这是一个小提琴: https ://jsfiddle.net/8sjLw6kL/2/

代码: HTML:

JS:

CSS: