Rails 3.1和jquery-ui资产

Question

这是在另一个问题中提出的,但在3.1rc1中,没有一个解决方案对我有用.

我正在尝试使用rails 3.1中的新资产 - 我有文件:

./vendor/assets/stylesheets/jquery-ui-1.8.13.custom.css
./vendor/assets/javascripts/jquery-ui-1.8.13.custom.min.js

然后我补充说:

//= require jquery-ui to app/assets/javascripts/application.js
*= require jquery-ui to app/assets/stylesheets/application.css

jquery-ui javascript文件加载得很好,但是css文件说:

Sprockets::FileNotFound (couldn't find file 'jquery-ui'
     (in /home/xanview2/xancar/app/assets/stylesheets/application.css):6):

有任何想法吗？

Answer 1

工作设置示例:

    $ 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

享受您的jQuery UI

Answer 2

这是一篇很好的文章来阅读有关Rails 3.1的资产管道和jQuery UI:JQuery-UI css和图像,以及Rails Asset Pipeline

Answer 3

jquery-ui-rails gem 可能会更幸运(请参阅声明),它将jQuery UI JavaScripts,样式表和图像打包为资产.

Answer 4

这个话题出现了很多,现在已经过了很长时间,事情可能会有所不同.

在Rails 3.1.2中,我发现了一些没有符号链接的东西.按照上述步骤操作,但将主题的图像放在图像/文件夹中的jquery-ui-xxx.css文件旁边.这让我有点头疼.

是的,这意味着图像将驻留在供应商/资产中的样式表/文件夹中,但它可以正常运行.

Answer 5

您是否尝试过使用rails-asset-jqueryui gem？它供应商jquery-ui和标准主题(目前为v1.8.16)并通过资产管道提供它们.以下示例调用Smoothness主题.

的Gemfile:

....
gem 'rails-asset-jqueryui'
...

应用程序/资产/ Java脚本/ application.js中:

...
//= require jqueryui
...

应用程序/资产/样式表/ application.css:

...
= require smoothness
...

Answer 6

如果你正在使用jquery-ui-rails gem:

application.css

/*
 *= require jquery.ui.all
 */

的application.js

//= require jquery.ui.all