Rails 3.2，jQuery 1.7.1到资产/图像的链接已损坏

Question

My setup includes ruby 1.9.3, Rails 3.2 and jQuery 1.7.1. I found that jQuery is sending requests to /assets/images/image_file.png instead of just /assets/image_file.png which results into broken link as shown in the image below:

I know from Asset Organization that Rails look for appropriate folder in assets for js, css and image files. So I know that it should be looking in a subdirectory 'images' for the image referenced as /assets/images. I created an subdirectory images within in assets/images (app/assets/images/images) and copied the referenced image there and it worked.

But shouldn't jQuery reference the images correctly in assets directory. Here is the jQuery code referenced by the error with line producing error highlighted:

Is there any configuration parameter that needs to be set in application.rb or environment files to set the asset path for jQuery? Or any other way to fix this?

Answer 1

在您的项目下的CSS周围搜索，并将images/ui-bg_glass_80_d7ebf9_1x400.png为ui-bg_glass_80_d7ebf9_1x400.png ，希望它能正常工作。

Answer 2

This is happening because the jquery-ui-1.8.18.custom.css file expects its images to be in an images directory relative to CSS file itself.
However, the Rails 3 asset pipeline moves the CSS file to a different location so the image path no longer works.

The standard layout if you download the jquery ui 'start' theme is:

stylesheets/start/
stylesheets/start/jquery-ui-1.8.11.custom.css
stylesheets/start/images/

But the asset pipeline arranges it like this:

stylesheets/
stylesheets/jquery-ui-1.8.11.custom.css
stylesheets/start/images/

So the relative path of /images/ui-bg_glass_80_d7ebf9_1x400.png no longer works.

I have a workaround which is to add an Alias directive into my Apache config:

Alias /assets/images "<path to site>/public/assets/start/images"

This assumes your assets are sym-linked into the public directory.
You could change that path to point directly to wherever your assets are served from.

This is a bit of a kludge as if I ever decide to change themes (highly unlikely) I'll need to update my Apache config.
But for me it's better than rewriting the CSS file to change the paths as that becomes a pain when upgrading.

Hope this helps.