jqueryの-IASプラグインdoesntの仕事、負荷より多くのアイテムが、私はこのように私のウェブサイトを設定する作業

Question

をdoenst：

<div id="posts" class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> 
      <div class="post post-preview"> 
       <a href="post.html"> 
        <h2 class="post-title"> 
         Visualization Data Art 
        </h2> 
        <h3 class="post-subtitle"> 
         How to make sense of big data 
        </h3> 
       </a> 
       <p class="post-meta">Posted by <a href="#">KP</a> on September 24, 2016</p> 
      </div> 
      <hr> 
      <div class="post post-preview"> 
       <a href="3.html"> 
        <h2 class="post-title"> 
         About this blog 
        </h2> 
       </a> 
       <p class="post-meta">Posted by <a href="about.html">KP</a> on September 18, 2016</p> 
      </div> 
      <hr> 
     </div> 
     <div id="pagination"> 
      <a href="2.html">1</a> 
      <a href="3.html" class="next">2</a> 
     </div> 

と私のjavascriptのはこれです：私はロードしようとすると、

var ias = jQuery.ias({ container: '#posts', item: '.post', pagination: '#pagination', next:'.next ' }); 

より多くのコンテンツボタン "古い投稿"は、私にどのページも表示せずに消えます。私は基本的な例だけをウェブサイトで見つけることを試みます。

Answer 1

改ページは間違っています。あなたが "li"タグと "a"タグで使用するコードで "li"でないリンクで ".next"が使用されているのがわかるように、ここにはInfinite AJAX Scroll Docsというドキュメントがあります。私はこのプラグインが動作する方法を前提としています。それはaタグがhrefを探してから、それを呼び出してコンテンツを取得し、コンテナDOMに追加します。

<ul id="pagination" class="pager"> 
      <li class="next"> 
       <a href="2.html">1</a> 
       <a class="next" href="2.html">Older Posts &rarr;</a> 
       <a href="2.html">3</a> 
      </li> 
     </ul>