0

我正在尝试让infinitescroll与isotope一起工作。我已经浏览了文档和页面资源，但找不到问题。我确实看到了最初在页面上的第一个项目，但是在滚动到页面的最底部时，什么也没有发生。

我的 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"]

谁能解释一下最后两行是什么意思？明明有错误，但是end是什么意思呢？没有更多的页面可以加载了吗？在我的示例中，我有 3 个页面需要加载更多项目。解除绑定，是滚动事件解除绑定吗？找不到有关错误日志的任何文档/信息...

4

1 回答 1

0

'heading into ajax' 这一行意味着一个 ajax 请求在到达底部时被触发。

'XHR Finished Loading' 表示 ajax 请求成功。

最后第二行中的“错误”表示 ajax 请求没有返回数据。确保您请求的页面不返回空结果。要检查，请在浏览器中打开“/blog/full-blog?page=2”。

于 2013-10-30T20:45:06.567 回答