Ruby on Rails 3.1 and jQuery UI images

Now that we have Ruby on Rails 3.1.0, this is what worked for me:

app/assets/javascripts/application.js

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

This directly includes the jQuery UI provided by the jquery-rails gem. But the gem does not provide the theme files. For these, I added a theme directory under vendor/assets/stylesheets, containing:

• the jquery.ui.theme.css file,
• the jQuery UI theme’s images directory.

Be sure to keep the theme’s images directory with the CSS file! Do not put the image files under vendor/assets/images, or they won’t be found by jQuery (which search them under /assets/images).

Finally, changed the app/assets/stylesheets/application.css file to:

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