0

Railsアプリでライトボックスが呼び出されたときに、閉じる画像と読み込み中の画像が読み込まれない理由がわかりません。ファイルを正しくコピーしました。jsとcssは正常に機能していますが、閉じて読み込むために壊れた画像が表示されます。

ここはapplication.js

//= require jquery
//= require jquery-ui
//= require jquery_ujs
//= require jquery.ui.datepicker
//= require justgage
//= require raphael.min
//= require jquery.purr
//= require best_in_place
//= require lightbox
//= require_tree .

私のapplication.css

 *
 *= require jquery.ui.datepicker
 *= require_self
 *= require_tree .
 *= bootstrap
 *= lightbox
 */

そして、私の画像フォルダにはclose.png、loading.gif

これがリクエストからの出力です

Started GET "/images/close.png" for IP at 2013-01-01 12:39:19 -0800
ActionController::RoutingError (No route matches [GET] "/images/close.png"):
  actionpack (3.2.8) lib/action_dispatch/middleware/debug_exceptions.rb:21:in `call'
  actionpack (3.2.8) lib/action_dispatch/middleware/show_exceptions.rb:56:in `call'
  railties (3.2.8) lib/rails/rack/logger.rb:26:in `call_app'
  railties (3.2.8) lib/rails/rack/logger.rb:16:in `call'
  actionpack (3.2.8) lib/action_dispatch/middleware/request_id.rb:22:in `call'
  rack (1.4.1) lib/rack/methodoverride.rb:21:in `call'
  rack (1.4.1) lib/rack/runtime.rb:17:in `call'
  activesupport (3.2.8) lib/active_support/cache/strategy/local_cache.rb:72:in `call'
  rack (1.4.1) lib/rack/lock.rb:15:in `call'
  actionpack (3.2.8) lib/action_dispatch/middleware/static.rb:62:in `call'
  railties (3.2.8) lib/rails/engine.rb:479:in `call'
  railties (3.2.8) lib/rails/application.rb:223:in `call'
  rack (1.4.1) lib/rack/content_length.rb:14:in `call'
  railties (3.2.8) lib/rails/rack/log_tailer.rb:17:in `call'
  rack (1.4.1) lib/rack/handler/webrick.rb:59:in `service'
  /Users/tony/.rvm/rubies/ruby-1.9.3-p194/lib/ruby/1.9.1/webrick/httpserver.rb:138:in `service'
  /Users/tony/.rvm/rubies/ruby-1.9.3-p194/lib/ruby/1.9.1/webrick/httpserver.rb:94:in `run'
  /Users/tony/.rvm/rubies/ruby-1.9.3-p194/lib/ruby/1.9.1/webrick/server.rb:191:in `block in start_thread'

そして、同様のエラーがloading.gif

ルートファイルの何かを変更する必要がありますか？私はここで何を見落としていますか？jsとcssを正しく含めた場合、画像も適切に含めるべきではありませんか？ご清聴ありがとうございました。

- - - アップデート - - - -

application.cssを更新します

 *= require jquery.ui.datepicker
 *= require_self
 *= require bootstrap
 *= require lightbox
 *= require_tree .
 */

同じ壊れた画像がまだ表示されます。

4

1 に答える 1

1

これを見てください ：

*= require_tree .
*= bootstrap
*= lightbox
*/

それが本当にあなたapplication.cssの中にあるなら、それはそうあるべきです：

*= require bootstrap
*= require lightbox
*= require_tree .
*/

編集：lightbox.cssファイルを見て、画像がどのように参照されているかを確認できます。次に、それを変更する方法を選択する必要があります-images/image.png通常の.cssファイルプレフィックスのようにハードコードされているか、または<% asset_path %>/image.pngによって.css.erb。

于 2013-01-01T21:04:31.073 に答える