Infinitescroll插件未与同位素组合触发

Question

我正试图让无限滚动与同位素一起工作。我已经浏览了文档和页面来源，但找不到问题。我确实看到了最初出现在页面上的第一个项目，但当滚动到页面的最底部时，什么都没有发生。

我的HTML包含一个到下一页的链接（一个分页的博客页面）：

<nav id='page-nav'>
  <a href='/blog/full-blog?page=2'></a>
</nav>

JavaScript：

  $("#container").isotope({
    itemSelector: '.item',
    isAnimated: true
  });
  $("#container").infinitescroll({
    navSelector: '#page-nav',    // selector for the paged navigation 
    nextSelector: '#page-nav a',  // selector for the NEXT link (to page 2)
    itemSelector: '.item',     // selector for all items you'll retrieve
    debug: true,
    },
    function( newElements ) {
      console.log(newElements);
      $("#container").isotope( 'appended', $( newElements ) ); 
    }
  );

当查看我的页面时，控制台显示：

["determinePath", Array[2]]
 jquery.infinitescroll.min.js:1
["Binding", "bind"] jquery.infinitescroll.min.js:1
["math:", 497, 451] jquery.infinitescroll.min.js:1
["math:", 0, 451] jquery.infinitescroll.min.js:1
["heading into ajax", "/blog/full-blog?page=2"] jquery.infinitescroll.min.js:1
Using HTML via .load() method jquery.infinitescroll.min.js:1
XHR finished loading: "http://localhost:4567/blog/full-blog?page=2". jquery.js:8240
["Error", "end"] jquery.infinitescroll.min.js:1
["Binding", "unbind"] 

有人能解释一下最后两行是什么意思吗？显然有一个错误，但结束意味着什么？是否没有更多页面可加载？在我的例子中，我有3个页面要加载更多的项目。取消绑定，滚动事件是否取消绑定？找不到任何有关错误日志的文档/信息。。。

Answer 1

"heading into ajax"一行表示ajax请求在到达底部时被触发。

"XHR已完成加载"表示ajax请求成功。

最后第二行的"错误"表示ajax请求没有返回任何数据。请确保您请求的页面不会返回空结果。若要检查，请打开'/blog/完整博客？浏览器中的page=2'。