無限のスクロールは機能しませんか？

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

2つの異なる項目に同じIDを使用しないように、折り返し要素をナビゲーションに追加してみてください。

また、あなたは必要はありません。

nextSelector: #next:last 

だけ使用します。

nextSelector: #next 

それはそれはです可能です：最後にそれを壊す - Firebugの/ウェブインスペクタを使用してみてください、何$（」参照します#next：last '）は最初のページを返しますが、おそらくそれはページ区切りコンテナがないことを示しています。