javascript - 在 Ruby on Rails 上使用 uniformjs(我们也使用 coffee 和 scss)标准化表单

Question

我们的网站是使用 Ruby on Rails 编写的。我们正在使用 coffeescript 和 SCSS。我在为我的网站设置 uniformjs 时遇到了一些问题。这是 uniformjs 的链接:http://uniformjs.com/

我们的网站为 JS 使用咖啡，为 CSS 使用 SCSS，我在正确设置它时遇到了问题。这是我所做的:

• 将 uniform.default.css 放入 Assets /样式表中
• 将 jquery.uniform.min.js 放入 assets/javascripts

在 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)

如能提供有关设置此设置的任何帮助，我们将不胜感激。干杯!

更新 所以我将 .uniform 调用放在 application.js 而不是 home.js.coffee 中。这使错误消失了。但是，样式仍然无法正常工作。 IE。我的文本字段看起来仍然很奇怪，并且没有出现单选按钮的图像，尽管我在 assets/images 中有图像文件。

林戈

Answer 1

要使 CSS(包含图像)与 Assets 管道一起正常工作，您应该:

• 将文件命名为 blah.css.erb 并使用 asset_path 助手
• 使用 .scss 扩展名命名您的文件并使用 image-url() 代替 url() 并确保 css 文件中没有任何 scss 错误

希望对您有所帮助。

编辑:看起来这已经是 Github 上的一个问题了Sass 抛出一个错误。尝试在 uniform.css.scss 文件中将 alpha(opacity:0) 更改为 alpha(opacity=0)。