jquery-ui - Ruby on Rails 3.1 和 jQuery UI 图像

Question

我正在使用 Ruby on Rails(Edge，开发版本)和 Ruby rvm 1.9.2。

application.js如下。

//= require jquery
//= require jquery-ui
//= require jquery_ujs
//= require_tree 

Ruby on Rails 3.1 中放置 jQuery UI 的正确位置在哪里？主题？

根据 Autocomplete fields in Ruby on Rails 3.1 with jQuery UI 我应该将 jQuery UI 主题放在供应商/ Assets /样式表文件夹中。这听起来像是一个聪明的地方，但我无法让它发挥作用:-(。

我设法通过将 CSS 放入 asset/stylesheets 文件夹中来加载 CSS，但我还没有设法加载图像。

我当然可以使用旧方法，只需将主题放入 public/stylesheets/文件夹中，然后使用:

<%= stylesheet_link_tag "jquery/ui-lightness/jquery-ui-1.8.11.custom" %>

在 application.html.erb 中，但为了成为一个现代人，我宁愿使用新的做事方式:-)。

Answer 1

现在我们有了 Ruby on Rails 3.1.0，这对我有用:

app/assets/javascripts/application.js

//= require jquery
//= require jquery_ujs
//= require jquery-ui
//= require_tree .

这直接包括由 jquery-rails gem 提供的 jQuery UI。但gem不提供主题文件。对于这些，我在 vendor/assets/stylesheets 下添加了一个 theme 目录，其中包含:

• jquery.ui.theme.css 文件，
• jQuery UI 主题的 images 目录。

一定要保留主题的images目录和CSS文件!不要将图像文件放在vendor/assets/images下，否则 jQuery 将无法找到它们(在 /assets/images 下搜索它们)。

最后，将 app/assets/stylesheets/application.css 文件更改为:

/*
*= require_tree ../../../vendor/assets/stylesheets
*= require_tree .
*/