如何讓jquery動畫在Rails 4.0.0上運行？

Question

Rails：4.0.0 Ruby：1.9.3

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

我不能得到它的工作。

我讀過的jquery-ui-rails文檔和遵循有提到的步驟，即

1. 安裝寶石
2. 包括它在Gemfile中 - gem 'jquery-ui-rails'
3. 捆綁安裝
4. 添加了//= require jquery.ui.all在我的application.js文件中

但是我收到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) 

的Gemfile

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文件

奮鬥

和

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