52

これは別の質問で尋ねられましたが、3.1rc1ではどのソリューションも機能していないようです。

Rails3.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):

何か案は？

4

8 に答える 8

63

作業セットアップの例:

    $ 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 をお楽しみください

于 2011-06-06T23:10:16.100 に答える
11

これは、Rails3.1のアセットパイプラインとjQueryUIについて読むのに最適な記事です：JQuery-UI cssと画像、およびRailsアセットパイプライン

于 2011-12-27T11:37:28.583 に答える
8

jquery-ui-rails gem (アナウンスメントを参照) を使えば、もっとうまくいくかもしれません。これは、jQuery UI JavaScript、スタイルシート、および画像をアセットとしてパッケージ化したものです。

于 2012-02-20T12:00:55.923 に答える
6

このトピックは頻繁に出てきますが、かなりの時間が経過した今、状況が異なる可能性があります.

Rails 3.1.2 では、シンボリック リンクなしで動作するものを見つけました。上記の手順に従いますが、テーマの画像を images/ フォルダー内の jquery-ui-xxx.css ファイルのすぐ隣に配置します。これにより、かなりの頭痛が解消されました。

はい、これは画像が vendor/assets の stylesheets/ フォルダーに存在することを意味しますが、これは機能し、すぐに実行できます。

于 2011-12-26T04:32:38.560 に答える
5

jquery-ui-rails gemを使用している場合：

application.css

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

application.js

//= require jquery.ui.all
于 2013-01-07T23:51:38.417 に答える
5

rails-asset-jqueryui gemを使ってみましたか? jquery-ui と標準テーマ (現在は v1.8.16) を提供し、アセット パイプライン経由で利用できるようにします。次の例では、Smoothness テーマを呼び出します。

Gemfile:

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

アプリ/アセット/javascripts/application.js:

...
//= require jqueryui
...

app/assets/stylesheets/application.css:

...
= require smoothness
...
于 2012-02-06T01:54:02.660 に答える
2

これらのライブラリ アセットをアセット/javascript およびアセット/スタイルシート ディレクトリから遠ざけることで、多くの混乱を回避できるように思えます。

テーマローラーからカスタマイズされた jquery-ui zip ファイルをダウンロードしたとします。これを試して：

  1. zipファイルをアセットディレクトリのサブディレクトリに解凍します。

    vendor/assets/jquery-ui-1.8.23.custom

  2. application.rb に次を追加します。

    config.assets.paths << Rails.root.join('vendor', 'assets', 'jquery-ui-1.8.23.custom').to_s

  3. 通常の場所にマニフェスト ファイルを追加します。

    ベンダー/資産/javascripts/jquery-ui.js:

    //= require_tree ../jquery-ui-1.8.23.custom

    ベンダー/アセット/スタイルシート/jquery-ui.css:

    *= require_tree ../jquery-ui.1.8.23.custom

  4. config/environments/production.rb に以下を追加します (マニフェスト ファイル名を参照)。

    config.assets.precompile += %w(jquery-ui.js jquery-ui.css)

  5. ビューで:

    <%= stylesheet_link_tag 'jquery-ui' %>
<%= javascript_include_tag 'jquery-ui' %>
于 2012-08-24T13:35:10.807 に答える
0

これを使用する場合：

https://github.com/carlhoerberg/sprockets-urlrewriter

シバン全体をディレクトリにダンプして、cssファイルを要求できると思います...相対URLをスムーズに書き換えます。

gemをインストールし、application.rbに構成行を追加するだけです。

于 2012-02-28T23:30:00.193 に答える