问题标签 [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 投票
1 回答
177 浏览

javascript - 将 touchpunch 与 JQuery UI Accordion Sortable 一起使用不能与触摸一起正常工作

我刚刚使用 JQuery UI 创建了一个可排序的 Accordion,并使用touchpunch使触摸设备能够对各个部分进行排序。拖放工作正常,但我注意到“触摸扩展”并不总是有效,我必须触摸几次才能使部分扩展。

有谁知道解决这个问题?

这是jsfiddle

0 投票
1 回答
164 浏览

jquery - jquery touch punch z 索引没有影响

我正在处理 ipad 拖放,我试图使可拖动元素在每个其他 div 上可见,但它仅在父 div 中有效,我的代码是:

html 代码看起来像这样:

当我拖动元素时,它在通常所在的第一个 td 中可见,但是当我尝试将其拖动<div id="dropDiv"></div>到“dropDiv”下方时。

这些 div 和 tds 有多个我无法在此处显示的 css 类。

我已经尝试了多个 z 索引,但没有任何影响。

0 投票
1 回答
124 浏览

javascript - 即使在具有位置的 div 上,css z-index 属性也不起作用

我试图在拖动时使可拖动的 div 在其他所有内容上可见。

这是我的jQuery触摸打孔代码:

我知道 z-index 仅适用于具有位置的元素,所以我也添加position:relative到其他 div 中。但它仅在我位于可拖动元素的父 div 时才有效。我使用了一个包含很多类的巨大 css 文件,所以我无法复制它的正确部分。

0 投票
1 回答
329 浏览

javascript - 在移动设备上 jQuery Touch 以随机顺序选择 div

在移动设备上,我想选择特定的divwrttouch即。当用户点击时,first div这两个 div 都需要被选中。像老虎钳一样,顺序可以是随机的 1 3 2 4, 1 2 3 4touchmove3rd div

附图将提供更好的理解

1 3 2 选择

1 3 2 选择

1 2 3 选择

在此处输入图像描述

我也jsfiddle为我所做的事情创造了同样的东西。你可以在jsfiddle检查它。我正在使用 jquery mobile 也尝试使用touchtouchmove事件,但它没有按照我的要求工作。

请帮助我,谢谢

0 投票
1 回答
7304 浏览

javascript - Touch Punch JQuery UI 提供什么?

我正在使用 JQuery UI Touch Punch,就像我在这个 JSFiddle中使用它一样。我搜索了很多地方以找出内容eventui包含的内容,但我无法找到有关它的内容。

是否有某种我缺少的文档?或者有人可以解释一下 Touch Punch 提供什么event以及ui参数包含什么?

0 投票
1 回答
554 浏览

jquery-ui - 触摸打孔 - 将点击转换为触摸

我最近开始使用一个很棒的插件来将触摸事件转换为鼠标点击。但是就在今天我遇到了一个问题

要触发警报,我需要进行两次触摸(移动设备),而在计算机上我只需单击一次鼠标。可能是什么问题?谢谢你。

0 投票
1 回答
2112 浏览

jquery - 如何在 Angular 2 Webpack 应用程序中导入 jquery ui touch punch?

我有像这样导入和使用的 jQuery 范围滑块小部件:

并像这样使用它:

我的滑块工作正常。

问题是我需要启用移动触摸的滑块,所以我导入了jQuery UI Touch Punch

但它错误:

显然它找不到jQuery 和 jQuery UI。但是,当导入的 jQuery 不在全局范围内时,如何通过 jQuery 来触摸打孔?

我将这个样板用于我的项目。

0 投票
0 回答
64 浏览

android - jQuery draggable() 元素直到第二次点击后才开始(仅限双击),有什么解释吗?

我有一个可拖动的元素,它响应要在滑块上拖动的点击/触摸事件。它在 iOS 设备上运行良好。但在 Android 上,它只有在我第二次点击滑块图标时才有效!我需要它从第一次点击开始工作。

我已经在使用 JQuery Touch Punch 插件了。这是我的代码

0 投票
2 回答
3747 浏览

javascript - 无法读取未定义的属性“setData” - jQuery UI Touch Punch

我不确定为什么setData并且getData每当我通过 jQuery UI 调用它时都未定义。

我在做

在拖动()中:

这里originalEvent是参考这个解决方案

但是,我仍然收到相同的结果。

Cannot read property 'setData' of undefined

我也在使用打字稿(不确定这有多大的不同)。

0 投票
0 回答
471 浏览

javascript - TouchPunch 通过可排序的 jquery UI 防止 onclick 事件(仅限移动设备)

我正在使用带有 TouchPunch 的 Jquery UI 来实现移动兼容性,它似乎阻止了我的无序列表项中的 div 仅在移动设备上的 onclick 事件。这是我尝试过的:

  • 设置距离以便有一个 10 像素的死区,这不起作用。
  • 使用 onclick 事件设置 div 以在 jquery ui 中取消,因此它不适用于移动 li,没有运气。
  • 在此处的几个不同线程上建议的 touchpuch 中编辑模拟鼠标事件。那也没有用。

    我注意到一个奇怪的行为,好像当我用 on click 事件点击 div 的最底部时,它触发了。我使用chrome通过远程设备连接到我的手机,查看生成的源代码,但是div的大小是正常的。我能够在 jsfiddle 中重新创建问题,即使它不适合移动设备(我使用的是 Galaxy S6)。

JS小提琴链接

任何帮助表示赞赏。