用coffeescript中的图像替换文本

时间:2014-03-04 23:59:22

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

我按照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()

这是coffeescript文件,如您所见,当您到达页面底部时,将显示“获取更多”文本。我怎样才能用我文件中的gif替换它? /assets/load.gif

2 个答案:

答案 0 :(得分:2)

试试这个

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

您需要将coffeescript文件重命名为script.js.coffee.erb,或者您可以使用绝对路径

答案 1 :(得分:1)

所以,我在完全相同的railscast之后遇到了同样的问题。我尝试了“深度”建议的解决方案,但它没有用。我的应用程序正在打印.html(xxx)标记内的路径。我做了一些搜索,发现代替image_tag,我不得不使用<img src="xxx">

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