jQuery 砌体无限滚动不会停止

Question

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

$(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。

要确认这是您的问题，请尝试在url中更改您的号码。即，如果您有5页，而第五页是www.example.com/category/page？id=5，请尝试访问www.example.com/category/page？id=99。它应该填充与上一个有效页面（在本例中，第5页）相同的内容

您正在使用哪种CMS？

Answer 2

这里是我在代码中使用的一个简单示例。。我设置全局变量，并在此基础上确定我的数据是否已完全加载。。如果我得到的数据为Null，则意味着所有内容都已加载，并且我将stop-load变量设置为1。

假设DOM是d形式.

<div class="results_list">
  <ul id="divid">
    <li class="results">data...</li>
    <li class="results">data...</li>
  </ul>
</div>
<script>
  $(document).ready(function () {
    window.load_start = 0;
    window.load_stop = 0;
    $(".results_list").scroll(function(){
      if(window.load_stop != 1) {
        if($('.results').hasClass('last')) {
            $('.results').removeClass('last');
        }
        window.load_start += 40; 
        //40.. to load items from 40.. if u hav loaded 40 items a time before..
        $.ajax({
            url:"/url.php",
            data:"action=params+"&lazyload=1&start_load="+window.load_start,
            method:"GET",
            success: function(data) {
                data = $.trim(data);
                //data is in the form of html.. <li class="results">hi load item from - start_load i.e., passed in params by ajax.. above </li>
                if(data == undefined || data == '') {
                    window.load_stop = 1;
                    return false;
                }
                $('#divid').append(data);
            }
        });
      }
    });
  });
</script>
//u can add a condition to send ajax call(load items) only on scrolling down the div.

Answer 3

Masonry无限滚动脚本正在将页面加载到根目录上的页面文件夹中。因此，如果您只想再加载一个页面，只需删除该文件夹中的其他html页面即可。文件夹名称：页。页面名称：2.html，3.html，4.html，…

所以，删除页面（3.html，4.html，如果你发现更多，就删除它们），只保留页面（2.html）

享受吧。