Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/cplusplus/124.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用资产管道,如何在Javascript中提供图像?_Javascript_Jquery_Ruby On Rails_Ruby On Rails 3_Asset Pipeline - Fatal编程技术网

使用资产管道,如何在Javascript中提供图像?

使用资产管道,如何在Javascript中提供图像?,javascript,jquery,ruby-on-rails,ruby-on-rails-3,asset-pipeline,Javascript,Jquery,Ruby On Rails,Ruby On Rails 3,Asset Pipeline,我的资产/javascript中有以下js jQuery -> if $('.pagination').length $(window).scroll -> url = $('.pagination .next_page').attr('href') if url && $(window).scrollTop() > $(document).height() - $(window).height() - 50

我的资产/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()
我已经跑了

rake assets:precompile:all RAILS_ENV=development

而且我的图像被正确地放置在资产/图像(以及公开)中,因此我认为我调用此图像的方式一定是错误的。

首先,在资产和服务资产的方式之间有一个读取和读取的区别,这将帮助您了解如何服务资产

如果将erb扩展添加到JavaScript资产中,使其成为application.js.erb,则可以在JavaScript代码中使用asset_path helper:

   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()
jQuery->
如果$('.pagination').length
$(窗口)。滚动->
url=$('.pagination.next_page').attr('href'))
如果url&&$(窗口).scrollTop()>$(文档).height()-$(窗口).height()-50
$('.pagination').html('')
$.getScript(url)
$(窗口)。滚动()
   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()