jQuery Masonry 无限滚动不会停止

Question

我正在使用 jquery masonry 无限滚动脚本。分页下一页正在重复加载。我怎样才能阻止它？当我每次滚动页面时，分页内容都会重复附加，而不是显示“没有更多内容要加载”之类的消息。

$(function(){
    // alert($('.pin_item').length);

    var $alpha = $('#alpha');        
    $alpha.masonry({
      itemSelector: '.pin_item',
      columnWidth: 230,
      //isAnimated: true
    });

    $alpha.infinitescroll({
      navSelector  : '#page-nav',    // selector for the paged navigation 
      nextSelector : '#page-nav a',  // selector for the NEXT link (to page 2)
      itemSelector : '.pin_item',     // selector for all items you'll retrieve
      bufferPx     : 50,
      loading: {
          finishedMsg: 'No more pages to load.',
          img: 'http://i.imgur.com/6RMhx.gif'
      }
    },
    // trigger Masonry as a callback
    function( newElements ) {
        // hide new items while they are loading
        var $newElems = $( newElements ).css({ opacity: 0 });
        // ensure that images load before adding to masonry layout
        $newElems.imagesLoaded(function(){
          // show elems now they're ready
          $newElems.animate({ opacity: 1 });
          $alpha.masonry( 'appended', $newElems, true ); 
        });
    });
});

Answer 1

我也遇到了同样的问题。这是您的 404 页面未找到的问题。一旦页面用完，大多数 CMS 都会返回最后一个有效的分页内容。您需要将后端配置为在“下一页”链接调用不存在的页面时抛出 404。

要确认这是您的问题，请尝试更改网址中的数字。即，如果您有 5 个页面，第五个页面是 www.example.com/category/page?id=5，请尝试访问 www.example.com/category/page?id=99。它应该填充与最后一个有效页面相同的内容(在本例中为第 5 页)

您使用的是哪种内容管理系统？