用咖啡脚本中的图像替换文本答案

【问题标题】：Replace text with image in coffeescript用咖啡脚本中的图像替换文本
【发布时间】：2014-04-06 19:18:52
【问题描述】：

我遵循 Railscasts 在我的 Rails 应用程序上无限滚动。

jQuery ->
  if $('.pagination').length
    $(window).scroll ->
      url = $('.pagination .next_page a').attr('href')
      if url && $(window).scrollTop() > $(document).height() - $(window).height() - 150
        $('.pagination').text("Fetching more")
        $.getScript(url)
    $(window).scroll()

这是咖啡脚本文件，正如您所见，当您到达页面底部时，会显示“获取更多”文本。如何用我的文件中的 gif 替换它？？？ /assets/load.gif

【问题讨论】：

标签： javascript ruby-on-rails ruby-on-rails-4 coffeescript railscasts

【解决方案1】：

试试这个

$('.pagination').html('<%= image_tag("load.gif") %>');

您需要将您的咖啡脚本文件重命名为 script.js.coffee.erb 或者您可以使用绝对路径

【讨论】：

【解决方案2】：

所以，我在同样的 railscast 之后遇到了同样的问题。我尝试了“深度”建议的解决方案，但没有奏效。我的应用程序正在打印 .html(xxx) 标记内的路径。我做了更多搜索，发现我必须使用<img src="xxx">，而不是image_tag。

希望这对可能遇到此问题的其他人有所帮助。

【讨论】：