问题标签 [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 回答
176 浏览

mobile - mousemove 对移动设备的影响,例如 http://d3js.org/

如何将这种“滚动”效果从http://d3js.org/转移到移动设备(ipad、android、...)?它适用于桌面,但不适用于移动设备。

0 投票
1 回答
1471 浏览

jquery-ui - Jquery Sortable touch funcitonality ie 11 windows 8.1

我在运行 ie11 的 Windows 8.1 设备上运行 JQuery Sortable 功能时遇到了很多麻烦。

我通过 TouchPunch 库在 iPad 上进行了这项工作,但我正在使用的新戴尔平板电脑没有运气。

我已经通过平板电脑上的 Chrome 运行了 webapp,可排序功能运行得非常顺利。有谁知道如何在 Internet Explorer 11 上启动和运行它?

我曾尝试在 GitHub 上拉下各种版本的Touch Punch,其中一些尝试处理 ie10,但我没有发现任何真正适用于 ie11 的版本,所以我很乐意提供一些指点。如果我在设备上运行[Jquery Sortable Demo][2],我可以通过按住表格行的左侧并在右侧下拉来拖动,但这绝不是可用的。

理想情况下,jQuery mobile 将包含可排序函数,但它没有。

***为了清楚起见,如果我在平板电脑上转到下面的可排序示例:

jQuery 可排序

那么我真的无法让排序功能发挥作用。

在上面的源代码中,我添加了 touchpunch 库,并且还添加了

到我的#sortable 类。

根据网上的一些说法,这应该可以解决 ie10 和 ie11 上的问题,但我没有看到它产生最细微的差异。

谢谢!

0 投票
1 回答
1907 浏览

jquery - Android 默认浏览器中的 JQuery UI 可拖动和触摸打孔

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

(参见 jsfiddle 上的 html)

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

0 投票
1 回答
625 浏览

javascript - Jquery touch punch 适用于 Chrome 和 Firefox 但不适用于 IE

我正在使用 jquery 触摸打孔库来使用户能够通过触摸移动图像。这在 Chrome 和 Firefox 中运行良好,但在 IE 中不起作用。

我发现如果我按住 IE 中的图像会出现一个小方块,我可以将图像拖到这个方块的边界内,但不能再进一步了。我想这是右键单击功能启动的原因。

我环顾四周,大多数人都说要在可拖动 div 的 css 中添加“-ms-touch-action: none”。所以我将它添加到可拖动 div 的样式属性中,但它什么也没做。我仍然无法在IE中拖动。

我四处寻找另一种选择,但找不到。我已经包含了 jquery 1.8.1、jquery ui 1.8.23 和 touch punch 0.2.2。任何帮助将不胜感激。

0 投票
0 回答
381 浏览

jquery - jquery touch punch resize 适用于除 Chrome 之外的所有浏览器

我正在使用触摸打孔通过触摸控件启用拖动和调整大小。拖动在桌面、IOS 平板电脑和 Android 平板电脑上的所有浏览器中都能正常工作。

但是,resize 功能仅适用于桌面版 Safari、IE 和 Firefox。它仅适用于 IE 中的 windows 平板电脑。它不适用于台式机上的 Chrome 或任何浏览器上的任何其他平板电脑。

对于桌面和平板电脑上的 Chrome,调整大小的功能被触发,但是当我去拖动手指以增加正在调整大小的控件的大小时,调整大小会立即停止。

在 ipad 上,每当我尝试调整大小时,可调整大小控件周围的区域都会突出显示。

我环顾四周,但无法找到我的问题的答案。如果需要任何代码,请告诉我,我会发布它。

0 投票
1 回答
1143 浏览

jquery - Ruby on Rails - jQuery UI 触控打孔

我正在尝试使用 jquery-ui sortable(),该函数必须在移动设备和台式计算机上都可以使用。

当我在笔记本电脑上使用鼠标按钮或触摸屏时,sortable() 工作正常,但在移动设备上却不行。

该应用程序是使用 Ruby on rails 构建的。我使用 gem 添加了 jQuery,但通过将源文件复制到 app/assets/javascripts 中,添加了“jQuery UI”和“jQuery UI Touch Punch”。

application.js 有以下几行:

在应用程序的源代码中,我可以找到以下几行:

似乎我是否从源中删除 jquery.ui.touch-punch.min.js (我认为应该解决这个问题)并不重要。

任何建议表示赞赏:-)

0 投票
1 回答
499 浏览

jquery-mobile - 带有 Touchpunch 的 JQMobile 应用程序无法正常工作

我正在尝试让具有可拖动小部件的 Worklight 6.2 应用程序 JQueryMobile 1.4 移动应用程序正常工作。我已经包含了来自 touchpunch http://touchpunch.furf.com/的 js ,其中我有一个按钮,我正在尝试使其可拖动

我想知道是否有人尝试过让 touchpunch 与 Worklight/jqm 一起使用,或者他们是否最终采用了其他方法来创建可拖动的小部件。谢谢!

杰夫

0 投票
0 回答
358 浏览

jquery - 为什么我的 jQuery taphold 事件会触发两次?

我正在尝试在移动设备上使用 jQuery 的 Sortable 小部件(jquery-mobile/jquery-touch-punch)。但是,在此设置下,点击事件会触发两次(但在非触摸设备上只会触发一次)。

小提琴:http: //jsfiddle.net/obft7wrg/2/

0 投票
2 回答
963 浏览

jquery - jquery-ui-touch-punch 和 .on() 在 iPad 上不起作用

我有一个严重依赖 jQuery、jQuery UI 和 jquery-ui-touch-punch 的自定义 Web 仪表板。除了 iPad 上动态内容(js 添加的元素)上的点击事件外,一切正常。

所以这在任何地方都有效

但是动态内容上的事件在 iPad 上不起作用,就像这样

仪表板实时监控内容,因此动态元素上的事件是必须的。关于如何解决的任何想法?

0 投票
1 回答
190 浏览

javascript - 内部带有gmap的可拖动div在移动浏览器上不起作用

我想让一个 div 可拖动,以便我可以拖动一个 gmap(如小部件)。我不想拖动 gmap 的内容。

在我的JSfiddle 中,它适用于计算机浏览器,但不适用于移动浏览器。这是我的简单代码:

我能做些什么?

我正在使用 jQuery UI Touch Punch 对触摸事件做出反应。