Ruby on Rails - jQuery UI 触控打孔答案

【问题标题】：Ruby on Rails - jQuery UI Touch PunchRuby on Rails - jQuery UI 触控打孔
【发布时间】：2014-07-08 23:12:08
【问题描述】：

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

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

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

application.js 有以下几行：

//= require jquery
//= require jquery-ui
//= require jquery.ui.touch-punch.min
//= require jquery_ujs
//= require_directory ./jquery_plugins
//= require bootstrap.min

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

<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-ui.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.ui.touch-punch.min.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>

如果我从源中删除 jquery.ui.touch-punch.min.js（我认为应该可以解决这个问题）似乎没关系。

感谢任何建议 :-)

【问题讨论】：

您是否尝试过要求最后触摸打孔，这样jquery_ujs 中发生的任何事情都不会覆盖它？
感谢您的回复，但这似乎没什么区别：-/
您的应用程序特定的 js 文件是什么样的？例如，如果您正在对项目进行排序，您应该有一个 projects.js（或 projects.js.coffee）文件，如下所示： jQuery -> $('#projects').sortable axis: 'y' update: -> $.post($(this).data('update-url'), $(this).sortable('serialize'))

标签： jquery ruby-on-rails jquery-ui jquery-ui-sortable jquery-ui-touch-punch

【解决方案1】：

对于 rails 资产管道，我更喜欢 Touchpunch。与 android 和 ios 设备完美搭配。

宝石文件

gem 'touchpunch-rails'

应用程序.js

//= require jquery.ui.touch-punch

【讨论】：