2011-12-29 15 views
0

サイトはRuby on Railsを使用して書かれています。私たちはcoffeescript & SCSSを使用しています。私は私のサイトでuniformjsを設定するいくつかの問題を抱えています。Ruby on Railsでuniformjsを使用したフォームの標準化(コーヒー&scssも使用)

私たちのサイトでは、JS用のコーヒーとCSS用のSCSSが使用されていますが、正しく設定する際に問題があります。ここで私がやったものだ:資産/スタイルシートで

  • プットuniform.default.css資産/ JavaScriptの中
  • プットjquery.uniform.min.js
  • home.coffee.jsで

、行が含ま:

$(function(){ $("select, input:checkbox, input:radio, input:file").uniform(); }); 

を私はこれは、すべてのコーヒーはapplication.jsにJSファイルを引くであろうから、SCSSはapplication.cssにCSSファイルを引っ張るとhome.coffee.jsなり、うまく動作するだろうと予想しましたファイルには李があります実際にすべてを統一させるために。

単語が定義されていないという曖昧なエラーが発生しています。その後、jquery.uniform.min.jsをjquery.uniform.min.js.coffeeに、uniform.default.cssをuniform.default.css.scssにそれぞれ変更しました。

Invalid CSS after "...: alpha(opacity": expected comma, was ":0);" 
    (in /home/user/Desktop/mysite/app/assets/stylesheets/uniform.default.css.scss) 

をこの設定を取得上の任意のヘルプは本当にいただければ幸いです。

は今、私はというエラーを取得します。乾杯!

UPDATEですから、home.js.coffeeの代わりに.uniform呼び出しをapplication.jsに入れます。それによってバグが消えた。しかし、スタイリングはまだ正しく動作していません。私。私のテキストフィールドはまだ奇妙に見え、ラジオボタンの画像は表示されませんが、画像ファイルはアセット/画像にあります。

リンゴ

(含まれる画像付き)CSSの場合
+0

拡張子が.scssのuniform.default.css.scssはなぜですか?私はあなたがそれを平らにしておくべきだと信じています.css – clyfe

+0

それを元に戻しました。また、home.js.coffeeの代わりにjquery uniform呼び出しをapplication.jsに配置しました。編集 - いくつかの詳細を参照してください。ヒントありがとう! –

答えて

0

は、資産パイプライン、あなたがしなければならないのいずれかで正しく動作します

  • 名、ファイルblah.css.erbとasset_pathヘルパーを使用
  • ファイル名に.scss拡張子を付け、url()の代わりにimage-url()を使用し、CSSファイルにscssエラーがないことを確認してください。

希望します。

EDIT:これはすでにSassがエラーをスローしたGithubの問題です。 uniform.css.scssファイルでalpha(opacity:0)alpha(opacity=0)に変更してみてください。

+0

完璧、ありがとう!私はasset_pathヘルパーを使用しました。私は疑問に思っています - これは、大幅に遅くロードするページを作ったのですか? CSSファイルもテンプレートになっているので... –

+0

開発中です。生産のために 'rake assets:precompile'を実行すると、すべてのcssとjsが1つにコンパイルされます。 – John

関連する問題