如何让jquery动画在Rails 3.2.8中工作？_Jquery_Ruby On Rails_Ruby On Rails 3_Jquery Ui_Ruby On Rails 3.2

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

jquery ruby-on-rails ruby-on-rails-3 jquery-ui ruby-on-rails-3.2

如何让jquery动画在Rails 3.2.8中工作？,jquery,ruby-on-rails,ruby-on-rails-3,jquery-ui,ruby-on-rails-3.2,Jquery,Ruby On Rails,Ruby On Rails 3,Jquery Ui,Ruby On Rails 3.2,我正在Rails应用程序中使用jQuery的animate（）方法然而，我不能让它工作这是我的application.js文件： //= require jquery //= require jquery_ujs //= require_tree . 我尝试在其中添加/=require jquery ui，但它导致我的应用程序崩溃： couldn't find file 'jquery-ui' 谁能告诉我我错过了什么？感谢您的帮助。您需要在GEM文件中添加“jquery ui rails

我正在Rails应用程序中使用jQuery的

animate（）

方法

然而，我不能让它工作

这是我的

application.js

文件：

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

我尝试在其中添加

/=require jquery ui

，但它导致我的应用程序崩溃：

couldn't find file 'jquery-ui'

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

您需要在GEM文件中添加“jquery ui rails”，以便jquery ui相关插件正常工作。请将以下行添加到您的文件中：

gem 'jquery-ui-rails'

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

bundle

您需要在GEM文件中添加“jQueryUIRails”，才能让jQueryUI相关插件正常工作。请将以下行添加到您的文件中：

gem 'jquery-ui-rails'

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

bundle

您有

jquery rails的3.0.1版

/最新版本现在是3.0.1（您可以在Gemfile.Lock上看到gem的版本）

您没有放置

/=requirejqueryui

，因为

jqueryui

已从gem

jqueryrails

（3.0.0+）中删除，请参阅。如果需要jqueryui，可以使用gem

我尝试了jquery animate（），效果很好。我使用的是rails 3.2.13、ruby 1.9.3和Gemfile上的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>


$（文档）.ready（函数（）
{
$（'.logo.active image'）。动画({
不透明度：1，//设置不透明度
marginTop:“-90px”，//将图像向上移动90px
}，5000）；//设置动画超过5秒
});
'活动图像'，：高度=>'100'，：宽度=>'123'）%>

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

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

您没有放置

/=requirejqueryui

，因为

jqueryui

已从gem

jqueryrails

（3.0.0+）中删除，请参阅。如果需要jqueryui，可以使用gem

我尝试了jquery animate（），效果很好。我使用的是rails 3.2.13、ruby 1.9.3和Gemfile上的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>


$（文档）.ready（函数（）
{
$（'.logo.active image'）。动画({
不透明度：1，//设置不透明度
marginTop:“-90px”，//将图像向上移动90px
}，5000）；//设置动画超过5秒
});
'活动图像'，：高度=>'100'，：宽度=>'123'）%>

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

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

事实上，仅仅将

gem'jqueryuirails'

添加到gem文件是不够的。在

application.js

中还需要这一行：

//= require jquery.ui.all

可以找到更多信息

谢谢大家的帮助

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

事实上，仅仅将

gem'jqueryuirails'

添加到gem文件是不够的。在

application.js

中还需要这一行：

//= require jquery.ui.all

可以找到更多信息

谢谢大家的帮助

jqueryui.js

在js文件夹中吗？你有什么版本的

jqueryrails

gem？没有，我想我的应用程序中甚至没有

js

文件夹。我只有一个文件：

app/assets/javascripts/application.js

。我还没有为我的gem指定任何版本。我只是在我的Gem文件中这样做：

Gem'jqueryrails'

。也许这就是问题所在？

jquery ui.min.js

（由

/=require jquery ui

引用）位于我的

jquery-rails-2.2.1/vendor/assets/javascripts

中。你能在你匹配的宝石中找到它吗。您使用

3.2.8

的原因是什么？由于最近的安全问题，强烈建议升级到

3.2.13

！

jqueryui.js