2

無限スクロール jQuery プラグインwill_paginateと組み合わせて gemを使用していますが、メカニズムはかなりうまく機能しています。唯一の例外は、新しいコンテンツが読み込まれたとき、またはすべてのデータが既に読み込まれているときに、情報メッセージを表示することです。このメッセージは表示されません。

will_paginateこれがgemによって生成された私のページネーション構造です:

<div class="pagination">
  <span class="previous_page disabled">&#8592; Previous</span> 
  <em class="current">1</em> 
  <a rel="next" href="/articles?page=2">2</a> 
  <a href="/articles?page=3">3</a> 
  <a href="/articles?page=4">4</a> 
  <a class="next_page" rel="next" href="/articles?page=2">Next &#8594;</a>
</div>

そして、これは次のセットアップですInfinite Scroll plugin：

  $container.infinitescroll({
    navSelector  : '.pagination',    // selector for the paged navigation 
    nextSelector : '.pagination a',  // selector for the NEXT link (to page 2)
    itemSelector : '.box-item',     // selector for all items you'll retrieve
    loading: {
        finishedMsg: 'No more pages to load.',
        img: 'http://i.imgur.com/6RMhx.gif'
      }
    },

    function( newElements ) {
      var $newElems = $( newElements ).css({ opacity: 0 });
      $newElems.imagesLoaded(function(){
        $newElems.animate({ opacity: 1 });
        $container.masonry( 'appended', $newElems, true ); 
      });
    }
  );

マニュアルページですべてを設定する必要がありますが、理由がわかりません。情報メッセージとローダーがロードされていません...

すべての助けに感謝します！

4

1 に答える 1

0

それ以外の

    nextSelector : '.pagination a',  // selector for the NEXT link (to page 2)

使用する

    nextSelector : '.pagination a[rel="next"]', // selector for the NEXT link (to page 2)

これはあなたを助けるかもしれません

于 2015-10-21T20:15:48.980 に答える