用无限滚动实现同位素

Question

我已经使用Infinitescroll插件设置了同位素的基本示例。 它似乎正在工作，但事实上它并没有从下一页加载任何东西。第二页是索引文件的精确副本。如果我将导航的href更改为不存在的文件，则控制台会丢失错误。你能帮帮我吗？谢谢！

var $container = $('#container');

  $container.isotope({
    itemSelector : '.grid-item'

  });

 $container.infinitescroll({
            navSelector  : '#page_nav',    // selector for the paged navigation 
            nextSelector : '#page_nav a',  // selector for the NEXT link (to page 2)
            itemSelector : '.grid-item',     // selector for all items you'll retrieve
            loading: {
                finishedMsg: 'No more pages to load.',
                img: 'http://i.imgur.com/qkKy8.gif'
              }
            },
            // call Isotope as a callback
            function( newElements ) {

              $container.isotope( 'appended', $( newElements ) ); 
            }
          );

    <nav id="page_nav">
        <a href="pages/2.html"></a>
      </nav>


<div id="container" class="grid">
<div class="grid-item grid-item-box"></div>
......
</div>