javascript - 使用 Asset Pipeline 如何在 Javascript 中提供图像？

Question

我的资产/javascript中有以下js

jQuery ->
  if $('.pagination').length
    $(window).scroll ->
      url = $('.pagination .next_page').attr('href')
      if url && $(window).scrollTop() > $(document).height() - $(window).height() - 50
        $('.pagination').html('<img src="images/spinner.gif" />')
        $.getScript(url)
    $(window).scroll()

在这里，我需要一个微调器动画，但不是在 localhost 上获取的。

No route matches [GET] "/images/spinner.gif"

我已经跑了

rake assets:precompile:all RAILS_ENV=development

并且我的图像被正确放置在资产/图像中（和公共）所以这让我认为我调用这个图像的方式一定是错误的。

Answer 1

首先，阅读并阅读提供资产的开发和生产rails asset pipeline方式之间的区别，这将帮助您了解如何提供资产

如果您将 erb 扩展添加到 JavaScript 资产，使其类似于 application.js.erb，那么您可以在 JavaScript 代码中使用asset_path 帮助程序：

   jQuery ->
  if $('.pagination').length
    $(window).scroll ->
      url = $('.pagination .next_page').attr('href')
      if url && $(window).scrollTop() > $(document).height() - $(window).height() - 50
        $('.pagination').html('<%= asset_path('logo.png') %>')
        $.getScript(url)
    $(window).scroll()