如何让 jquery 动画在 Rails 4.0.0 上工作？

Question

导轨：4.0.0 红宝石：1.9.3

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

我无法让它工作。

我已阅读jquery-ui-rails 的文档并按照那里提到的步骤进行操作，即

1. 安装了 gem
2. 将其包含在 Gemfile 中 - gem 'jquery-ui-rails'
3. 捆绑安装
4. 在我的application.js 文件中添加了//= require jquery.ui.all

但我收到了 Sprockets::FileNotFound 错误。

Showing /Users/anil20787/workspace/railsdir/depot/app/views/layouts/application.html.erb where line #9 raised:

couldn't find file 'jquery.ui.all'
  (in /Users/anil20787/workspace/railsdir/depot/app/assets/javascripts/application.js:14)

宝石文件

source 'https://rubygems.org'

# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '4.0.0'

# Use sqlite3 as the database for Active Record
gem 'sqlite3'

# Use SCSS for stylesheets
gem 'sass-rails', '~> 4.0.0'

# Use Uglifier as compressor for JavaScript assets
gem 'uglifier', '>= 1.3.0'

# Use CoffeeScript for .js.coffee assets and views
gem 'coffee-rails', '~> 4.0.0'

# See https://github.com/sstephenson/execjs#readme for more supported runtimes
# gem 'therubyracer', platforms: :ruby

# Use jquery as the JavaScript library
gem 'jquery-rails'
gem 'jquery-ui-rails'

# Turbolinks makes following links in your web application faster. Read more: https://github.com/rails/turbolinks
gem 'turbolinks'

# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
gem 'jbuilder', '~> 1.2'

group :doc do
  # bundle exec rake doc:rails generates the API under doc/api.
  gem 'sdoc', require: false
end

我确实也查找了this post，遇到了与我类似的问题，但它指向的是我已经遵循的文档。不知道我在哪里犯了错误。

感谢任何帮助。谢谢

Answer 1

根据this，包含的顺序很重要。你能发布你的包含文件吗？

将//= require jquery.ui.all 放在//= require jquery 之后，这样它看起来像这样

//= require jquery
//= require jquery.ui.all
//= require jquery_ujs
//= require underscore
//= require backbone
//= require svitla_test
//= require_tree .

Answer 2

重启我的 Rails 服务器帮了我的忙。

Answer 3

如果有人还在纠结这个我加了gem 'rails-asset-jqueryui'然后运行bundle install然后重启服务器...然后应该找到文件，当然你还需要添加

//= require jquery.ui.all 在application.js 文件中

和

*= require jquery.ui.all 在applications.css 文件中