无限滚动不起作用？

Question

它看起来不适用于下面的代码，它有什么问题？它不能工作，也没有错误。

<h1> Infinite Scroll Demo </h1> 
    <div id="container"> 
     <div class="includeitem"> www.gbin1.com </div> 
     <div class="includeitem"> www.gbin1.com </div> 
     <div class="includeitem"> www.gbin1.com </div> 
     <div class="includeitem"> www.gbin1.com </div> 
     <div class="includeitem"> www.gbin1.com </div> 
     <div class="includeitem"> www.gbin1.com </div> 
     <div class="includeitem"> www.gbin1.com </div> 
     <div class="includeitem"> www.gbin1.com </div> 
     <div class="includeitem"> www.gbin1.com </div> 
     <div class="includeitem"> www.gbin1.com </div> 
    </div> 

    <a id="next" href="demo2.html">next page</a> 

    <script src="js/jquery-1.6.1.js"></script> 
    <script src="js/jquery.infinitescroll.js"></script> 

    <script> 

     $('#container').infinitescroll({ 
      navSelector  : "#next:last", 
      nextSelector : "#next:last", 
      itemSelector : ".includeitem" 
     }); 

    </script> 

下面是代码为demo2.html，只是一些div内容添加到第一页。

<div class="includeitem"> www.gbin1.com </div> 
<div class="includeitem"> www.gbin1.com </div> 
<div class="includeitem"> www.gbin1.com </div> 
<div class="includeitem"> www.gbin1.com </div> 
<div class="includeitem"> www.gbin1.com </div> 
<div class="includeitem"> www.gbin1.com </div> 
<div class="includeitem"> www.gbin1.com </div> 
<div class="includeitem"> www.gbin1.com </div> 
<div class="includeitem"> www.gbin1.com </div> 
<div class="includeitem"> www.gbin1.com </div> 
<div class="includeitem"> www.gbin1.com </div> 
<div class="includeitem"> www.gbin1.com </div> 

<a id="next" href="demo12.html">next page</a> 

Answer 1

尝试添加一个包裹元素到您的导航，所以你不使用相同的ID为两个不同的项目。

而且，你并不需要：

nextSelector: #next:last 

只需使用：

nextSelector: #next 

有可能它是：最后打破它 - 尝试使用Firebug/Web检查，看看有什么$（” #next：last'）会在您的第一页上返回，但更有可能是缺少分页容器。