在Ruby on Rails上使用uniformjs標準化表單（我們也使用coffee＆scss）

我們的網站使用Ruby on Rails編寫。我們正在使用coffeescript & SCSS。我在用我的網站設置uniformjs時遇到了一些問題。這裏有一個鏈接到uniformjs：http://uniformjs.com/在Ruby on Rails上使用uniformjs標準化表單（我們也使用coffee＆scss）

我們的網站使用JS和CSS的CSS的咖啡，我有問題設置它正確。下面是我做了什麼：在資產/樣式

放uniform.default.css資產/ JavaScript的
放jquery.uniform.min.js

在home.coffee.js

包括行：

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

我預期這將所有的工作很好，因爲咖啡會拉JS文件到application.js中，SCSS會拉CSS文件到application.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所以我把.uniform調用放在application.js而不是home.js.coffee中。這讓蟲子消失了。但是，樣式仍然無法正常工作。即我的文本字段仍然看起來很奇怪，單選按鈕的圖像沒有出現，儘管我在資源/圖像中有圖像文件。

林戈

來源

2011-12-29 Ringo Blancke

爲什麼uniform.default.css.scss擴展名爲.scss？我相信你應該清楚它.css – clyfe 2011-12-29 23:00:53

改回它。我還將jquery統一調用放在application.js中而不是home.js.coffee中。見編輯 - 一些更多的信息。感謝提示！ – 2011-12-29 23:14:48

對於CSS（使用隨附的圖像）與資產管道就應該把正常工作：

名文件blah.css.erb並使用asset_path幫手
命名您的文件擴展名爲.scss並使用image-url（）代替url（），並確保在css文件中沒有任何scss錯誤

希望有所幫助。

編輯：它看起來像這已經是一個問題上Github與Sass拋出一個錯誤。嘗試在uniform.css.scss文件中更改alpha(opacity:0)至alpha(opacity=0)。

來源

2011-12-29 23:22:16 John

完美，謝謝！我使用了asset_path幫助程序。我想知道 - 這是否使頁面加載速度顯着更慢？因爲CSS文件也是一個模板... – 2011-12-30 01:39:10

只在開發中。一旦你運行'rake assets：precompile'進行生產，你所有的css和js都被編譯成一個。 – John 2011-12-30 02:25:05

在Ruby on Rails上使用uniformjs標準化表單（我們也使用coffee＆scss）

回答

相關問題