如何让 jquery animate 在 Rails 3.2.8 中工作？答案

【问题标题】：How to get jquery animate to work in Rails 3.2.8?如何让 jquery animate 在 Rails 3.2.8 中工作？
【发布时间】：2013-06-09 10:26:59
【问题描述】：

我在我的 Rails 应用程序中使用 jQuery 的 animate() 方法。

但是，我无法让它工作。

这是我的application.js 文件：

//= require jquery
//= require jquery_ujs
//= require_tree .

我尝试在其中添加//= require jquery-ui，但这导致我的应用程序崩溃：

couldn't find file 'jquery-ui'

谁能告诉我我错过了什么？感谢您的帮助。

【问题讨论】：

是js文件夹下的jquery-ui.js吗？
你有什么版本的jquery-rails gem？
不，我想我的应用程序中什至没有js 文件夹。我只有一个文件：app/assets/javascripts/application.js。
我没有为我的 gem 指定任何版本。我只是在我的 Gem 文件中执行此操作：gem 'jquery-rails'。也许这就是问题所在？
jquery-ui.min.js（//= require jquery-ui 引用）在我的jquery-rails-2.2.1/vendor/assets/javascripts 中。你能在匹配的宝石中找到它吗？什么原因，你使用3.2.8？由于最近的安全问题，强烈建议升级到3.2.13！

标签： jquery ruby-on-rails ruby-on-rails-3 jquery-ui ruby-on-rails-3.2

【解决方案1】：

您需要在 Gemfile 中添加“jquery-ui-rails”，以便 jquery-ui 相关插件工作。请在您的 Gemfile 中添加以下行：

gem 'jquery-ui-rails'

添加此 gem 后，请运行 bundle 命令：

bundle

【讨论】：

这很奇怪，您能分享一下您的环境和应用程序的详细信息（操作系统、rails 和 ruby 版本）吗？仅供参考，我使用的是 rails 3.2，ruby 1.9.3，当我的 Gemfile 中没有 jquery-ui-rails 时，我会收到相同的消息，但是当我将其添加回来时，它工作正常。

【解决方案2】：

您拥有jquery-rails 的 3.0.1 版/现在的最新版本 3.0.1（您可以在 Gemfile.Lock 上查看 gem 的版本）。

您不要放置 //= require jquery-ui，因为 jquery-ui 已从 gem jquery-rails (3.0.0+) 中删除，请参阅 commit。如果需要 jquery-ui，可以使用jquery-ui-rails gem。

我尝试了 jquery animate() 并且它有效。我在 Gemfile 上使用 rails 3.2.13、ruby 1.9.3 和 gem 'jquery-rails'。

这是我的源代码

<script type="text/javascript">
$(document).ready(function() 
 {
    $('.logo .active-image').animate({
       opacity:1,          //set opacity
       marginTop: "-90px", //move the image 'up' 90px
       }, 5000);           //animate over 5 secs
 });
</script>

<div class="logo">
     <%= image_tag("asus_2.jpg", :class => 'active-image', :height => '100', :width => '123') %>
</div>

我认为您的 jquery 函数中存在错误。您应该在浏览器上检查控制台（检查元素 > 控制台），您可以看到错误日志。您可以在您的问题上发布错误。

【讨论】：

【解决方案3】：

好的，终于找到解决办法了：

事实上，仅仅将gem 'jquery-ui-rails' 添加到您的gemfile 是不够的。你还需要application.js中的这一行：

//= require jquery.ui.all

更多信息可以在here找到。

感谢大家的帮助！

【讨论】：