Javascript Rails中的无限滚动

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

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

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

---

我这样做是否正确，因为无限滚动不起作用。帮帮我，我是rails新手

除非我在您的计算机上，否则无法调试它，但请尝试执行以下步骤：

Console.log通过scrollTop函数到达该窗口位置时的事件，以确保它已被触发

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

记录请求的结果，以确保数据符合您的要求

检查返回的html或要在控制台中输出的html

尝试向指定的div追加任何内容

尝试使用“escape javascript”附加某些内容

不要跳过步骤

---

干杯：）

你能自己点击ajax url并得到结果吗？查看日志以确定这是一个成功的请求。如果是这样的话，请检查开发人员工具中的响应（它将是javascript），并在控制台中尝试，以查看它对页面的作用。

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