javascript - 在 jquery 函数中引用 rails 图像

Question

我有一个 jquery 函数可以改变页面的背景。我希望背景是 app/assets/images 目录中的图像。但是，我对使用 Assets 管道引用图像的正确方法感到困惑。

这是我现在的行:

    $('body').css("background-image", "url('welcome.png')");

在 url 参数中访问图像的最佳方式是什么？

Answer 1

这在文档中有介绍:

http://guides.rubyonrails.org/asset_pipeline.html#coding-links-to-assets

您应该使用“2.3.3 JavaScript/CoffeeScript 和 ERB”中描述的方法，这意味着将 .erb 扩展名添加到您的 JS 文件，并使用 asset_path。

另一种更优雅的方法是将您的图像移动到 css.scss 文件中的类定义，然后将该类添加到您的 jQuery 中:

.welcome {
  background-image: url(image-path('welcome.png'));
}

在你的 jQuery 中:

$('body').addClass("welcome");