Question

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

然而，我无法让它发挥作用。

这是我的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已从gem jquery-ui（3.0.0+）中删除，因此您未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-ui，你可以使用commit gem。

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

这是我的源代码

{{1}}

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

Answer 3

好的，终于找到了解决方案：

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

//= require jquery.ui.all

可以找到更多信息here。

感谢大家的帮助！

如何让Rquery动画在Rails 3.2.8中工作？

3 个答案: