RubyonRails 3.1和jQueryUI映像

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (32)

我正在使用RubyonRails(Edge,开发版本)和RubyRVM 1.9.2。

application.js如下所示。

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

如何在RubyonRails 3.1中设置jQueryUI主题?

我通过将CSS放在资产/样式表文件夹中来加载CSS,但是我没有加载图像。

提问于
用户回答回答于

工作设置示例:

    $ cat app/assets/javascripts/application.js

    //= require jquery
    //= require jquery-ui


    $ cat app/assets/stylesheets/application.css

    /*
     *= require vendor
     *
     */


    $ cat vendor/assets/stylesheets/vendor.css

    /*
     *= require_tree ./jquery_ui 
     *
     */

    vendor/assets/ $ tree
     stylesheets
         vendor.css
             jquery_ui
                      jquery-ui-1.8.13.custom.css
                      ...
     images
        jquery_ui
            ui-bg_flat_0_aaaaaa_40x100.png
            ...

最后,运行以下命令:

    vendor/assets/images $ ln -s jquery_ui/ images
用户回答回答于

现在我们已经有了Ruby on Rails 3.1.0,这对我来说是有效的:

app/assets/javascripts/application.js

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

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

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

一定要保持imagesCSS文件的主题目录!不要把图像文件放在下面vendor/assets/images,否则它们不会被jQuery找到(在下面搜索它们/assets/images)。

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

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

扫码关注云+社区

领取腾讯云代金券