在Rails中无限滚动

Question

我正在开发一个想要无限滚动的应用程序。 我不想使用插件来实现无限滚动。 这是我的.js.erb文件：

  $("#container1").append("<%= escape_javascript(render 'shirts/first')%>");

<% if @first.next_page %>
  $('.pagination').replaceWith('<%= j paginate(@first) %>');
<% else %>
  $('.pagination').remove();
<% end %>
<% sleep 1 %>

这是咖啡脚本代码：

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

我是否正确执行此操作，因为无限滚动不起作用。 帮我解决这个问题，我是新手！

Answer 1

除非在您的计算机上，否则我无法调试它，但是请尝试按照以下步骤操作：

1. 当您通过scrollTop函数到达该窗口位置以确保触发事件时，Console.log事件。

2. 检查您的json或chrome调试器中的任何响应，进入网络并查看ajax请求，确保url请求和请求类型正确。 （此错误可能存在于数据库，控制器和视图中的任何位置。）

3. Console.log请求的结果，以确保数据是您所需要的。

4. 检查返回的HTML或要在控制台中输出的HTML。

5. 尝试将任何内容附加到指定的div。

6. 尝试附加带有“转义javascript”的内容

7. 不要跳过步骤。

干杯:)