0

Rails webapp で Default Uniform を取得しようとしていますが、確かなチュートリアル/ガイドはまだ見つかりません。jquery gem があることを確認しました

私のGemfileで：

gem 'jquery-rails', '2.0.2'

次に、アプリディレクトリ内からターミナルで実行して、次のことを確認しました。

bundle install

stylesheets ディレクトリに uniform.default.css を、javascripts ディレクトリに jquery.uniform.js を、images ディレクトリに画像を配置しました。次に、次の形式でそれらをビューに含めます。

  1 <!-- for jQuery uniform -->
  2 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
  3 <%= javascript_include_tag "jquery.uniform.js" %>
  4 <%= stylesheet_link_tag "uniform.default.css" %>
  5 <script type='text/javascript'>
  6   // On load, style typical form elements
  7   $(function () {
  8     $("select, input, button, textarea, submit").uniform();
  9   });
 10 </script>
 11 <!-- end for jQuery uniform -->

いいえ、画像は表示されています。uniform.default.css ファイルのソースを覗いてみると、すべての画像が現在のディレクトリに関連していることがわかりました。

  background-image: url("../images/sprite.png");

幸いなことに、Rails 3 アプリのデフォルト ツリーが設定されている方法にはまだ当てはまるようですが、問題があります。また、これのすべてのインスタンスを編集して、別の画像で有効であることを確認した絶対パスにしようとしました。例えば：

  background-image: url("/assets/images/sprite.png");

しかし、まだ運がありません。何か案は？JavaScript は画像の特定のパスにも依存しますか? すべきではありませんよね？

4

2 に答える 2

0

vendor/assets ディレクトリにファイルを追加してみてください。そこにcssを入れます

vendor/assets/stylesheets

のjs

vendor/assets/javascripts

との画像

vendor/assets/images

さらに、次の行を app/assets/stylesheets/application.css に追加します。

*= require uniform.agent

vendor/assets/javascripts に配置した js ファイルの名前を uniform.js に変更し、これを app/assets/javascripts/application.js に追加します。

//= require uniform
于 2013-01-26T02:39:05.883 に答える
0

ふぅ！いくつかの実験を行いましたが、最終的に次のように jQuery Uniform を統合しました。

これを Gemfile に含めて、jQuery gem がインストールされていることを確認します。gem 'jquery-rails', '2.0.2'

興味のあるスタイルをhttp://uniformjs.com/#themesからダウンロードします。

画像を /vendor/assets/images に、javascript ファイルを vendor/assets/javascripts に、スタイルシートを vendor/assets/stylesheets に追加します。

css ファイル内の背景 URL 画像パスを編集します: url('../images/imagename.png') から

url('/assets/imagename.png')

したがって、これらのアセットはすべて、assets という名前の 1 つの大きなディレクトリに配置されます。分離は、開発者の正気のためだけです。

また、メイン レイアウトの head にそれを含めるようにしましたapplication.html.erb。

<%= stylesheet_link_tag "application", :media => "all" %>
<%= stylesheet_link_tag "uniform.aristo", :media => "all" %>  <!-- for jQuery Uniform -->
<%= javascript_include_tag "application" %>
<%= javascript_include_tag "jquery.uniform" %> <!-- for jQuery Uniform -->

それで全部です。構成ファイルのあいまいな編集や、より多くのウィザード コードを必要とする他の修正を必要とするランダムなバグ修正はありません。

バージョンが機能するようになり、他のすべての実験からの潜在的な影響を取り除いたので、はるかに簡単になりました.

それが役に立てば幸い。

于 2013-01-27T19:20:55.213 に答える