資產管道如何在Javascript中提供圖像？

Question

我有以下的JS在我的資產/ JavaScript的

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

我在這裏呼籲微調動畫，而不是在本地主機上獲取。

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

我已經跑了

rake assets:precompile:all RAILS_ENV=development 

和我的形象被妥善安置在資產/圖像（和公共）因此，這讓我覺得，我把這張圖片的方式肯定是錯誤的。

Answer 1

首先有一個閱讀rails asset pipeline和developement和服務資產，這將幫助您瞭解資產的投放

如果添加ERB擴展到JavaScript的資產，使其成爲production方式之間閱讀的差異例如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()