jquery - 无法在 Rails 应用程序中从 JS 访问 CSS

Question

我有一个部分使用 WYSIHTML 的 Rails 应用程序。它是这样控制的:

// richtext
if($('.richtext').length) {
  var editor = new wysihtml5.Editor(document.querySelector('.richtext'), {
    toolbar: 'wysihtml5-toolbar',
    parserRules:  wysihtml5ParserRules,
    stylesheets: '/assets/wysihtml5-stylesheet.css'
  });
}

这在本地工作正常，但无法在远程找到 wysihtml5-stylesheet.css。我试过在没有运气的情况下弄乱 Assets 管道/预编译。有什么想法吗？它似乎是最近发生的，也就是说，它以前是有效的。除了我刚才提到的以外，没有其他设置被更改。

请帮忙。

更新

即使使用 asset_path 也找不到文件:

stylesheets: '<%= asset_path "wysihtml5-stylesheet.css" %>'

Answer 1

问题几乎可以肯定是您如何调用您的样式表。

--

在生产中，链轮 fingerprints Assets 文件 - 向它们添加大的 md5 哈希值 - 使得用它们的“静态”名称引用它们是不正确的(它根本行不通)。

解决这个问题的方法是使用 asset_path 助手之一 来调用文件(它将以“静态”形式或“指纹”形式引用文件)。

您已经这样做了，但我认为您需要 add .erb to your JS file让它工作:

#app/assets/javascripts/application.js.erb
if($('.richtext').length) {
  var editor = new wysihtml5.Editor(document.querySelector('.richtext'), {
    toolbar: 'wysihtml5-toolbar',
    parserRules:  wysihtml5ParserRules,
    stylesheets: "<%=j asset_path('wysihtml5-stylesheet.css') %>"
  });
}