Lightbox Rails Asset Pipeline 误解答案

【问题标题】：Lightbox Rails Asset Pipeline misunderstandingLightbox Rails Asset Pipeline 误解
【发布时间】：2013-01-01 20:55:42
【问题描述】：

我不确定为什么在我的 rails 应用程序上调用 lightbox 时我的关闭和加载图像没有加载。我已经正确地复制了这些文件，并且 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 .
 */

仍然会出现相同的损坏图像。

【问题讨论】：

我是否需要在灯箱文件中添加 .erb 扩展名并在关闭和加载时添加“image_tag”以正确引用图像？
正确的方法是将所有像 ../img/image.png 这样的调用更改为 image/image.png 。如果您像 <% asset_path %>/image.png 一样引用它，添加 .erb 会有所帮助，但 image_tag 用于视图，而不是 .css 文件。
当您将所有灯箱文件放在 public/ 文件夹中并在下载时保持原样（并像在简单的 html 项目）？

标签： javascript ruby-on-rails image asset-pipeline lightbox2

【解决方案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 。

【讨论】：

css（不透明度、边框、定位等）已正确渲染，它只是在单击灯箱链接时显示为损坏的灯箱图像（加载、关闭）。
您可以查看lightbox.css 文件并检查图像是如何引用的。然后您应该选择如何更改它 - 硬编码，例如 images/image.png 与普通的 .css 文件前缀，或 <% asset_path %>/image.png 和 .css.erb 。
是的，我很困惑它在 js 文件中被引用。感谢您的关注，我已选择对路径进行硬编码。