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

Question

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

但是，我无法让它工作。

这是我的application.js文件：

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

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

couldn't find file 'jquery-ui'

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

Answer 1

您需要在 Gemfile 中添加 'jquery-ui-rails' 才能使 jquery-ui 相关插件正常工作。请将以下行添加到您的 Gemfile 中：

gem 'jquery-ui-rails'

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

bundle

Answer 2

您现在拥有 3.0.1 版jquery-rails/最新版本 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 函数中存在错误。您应该在浏览器上检查控制台（检查元素 > 控制台），您可以看到错误日志。您可以在您的问题上发布错误。

Answer 3

OK，终于找到解决办法了：

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

//= require jquery.ui.all

更多信息可以在这里找到。

谢谢大家的帮助！