使用 jquery-ui-rails gem 时图标不显示

Question

我在我的 rails 3.2.13 项目中使用 jquery-ui-rails (https://github.com/joliss/jquery-ui-rails) gem。在我的 application.js 我有

application.js

//= require jquery-ui 

并且在 vendor/assets/javascripts/jquery-ui.js

//= require jquery.ui.all

application.css

*= require jquery-ui

在 vendor/assets/stylesheets/jquery-ui.css

 *= require jquery.ui.all

但图标不显示，例如，ui-icon-search 不显示搜索图标。我该如何解决这个问题？

谢谢

Answer 1

原来是 jquery-ui 图片路径的路径问题

• css 文件在 url(images/...) 处查找图片
• 预编译资产时，application.css 被移至顶层
• 但图像在 /images 目录中

我解决了：

• 将 jquery-ui css 文件移至顶层
• 通过添加主题目录名称来更新其对图像的调用
• 即，网址（我的主题名称/图像/....）

现在它在开发和生产中都可以使用。