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 %>

这是coffeescript代码：

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

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

当你通过scrollTop函数到达那个窗口位置时，Console.log会发生事件，以确保它被触发。
检查你的json或chrome调试器中的任何响应，进入网络并观察ajax请求，确保url请求和请求类型是正确的。（此错误可以是从数据库到控制器和视图的任何位置。）
Console.log请求的结果，以确保数据符合您的要求。
检查返回的或要在控制台中输出的html。
尝试将任何内容附加到指定的div。
尝试使用'escape javascript'
不要跳过步骤。

干杯：）

在Rails中无限滚动

1 个答案: