jquery - Ruby on Rails - jQuery UI Touch Punch

Question

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

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

该应用程序是使用 Ruby on Rails 构建的。我通过将源文件复制到 app/assets/javascripts 中，使用 gem 添加了 jQuery，但使用了“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 (我认为应该解决这个问题)，似乎并不重要。

如有任何建议，我们将不胜感激:-)

Answer 1

我更喜欢Touchpunch用于 Rails Assets 管道。与 Android 和 iOS 设备完美配合。

gem 文件

gem 'touchpunch-rails'

application.js

//= require jquery.ui.touch-punch