0

このプラグインを使用して無限スクロール プラグインを実装しています: http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/

以下は、無限スクロールを処理する私のコードです。

 <ul class="pager">
<li class="current"><a href="#"><b>1</b></a></li>
<li><a href="http://localhost/freegames//cat/0/all/newest/p2">2</a></li>
<li><a href="http://localhost/freegames//cat/0/all/newest/p3">3</a></li>
<li><a href="http://localhost/freegames//cat/0/all/newest/p4">4</a></li>
<li><a rel="next" href="http://localhost/freegames//cat/0/all/newest/p2">»</a></li>
 </ul>

以下は私のスクリプトです：

 <script>
 function infiniteScroller() {
  $('.homecont').infinitescroll({

navSelector  : "ul.pager li.current a",            
               // selector for the paged navigation (it will be hidden)
nextSelector : "ul.pager li a[rel~="next"]",    
               // selector for the NEXT link (to page 2)
itemSelector : "div.ig"          
               // selector for all items you'll retrieve
    });
}
  </script>

ページをロードしても機能しません。私は何が欠けていますか？どんな助けでも大歓迎です。

4

1 に答える 1

0

ドキュメントによるとnavSelector、最初の要素だけでなく、ナビゲーション全体にする必要があります。

navSelector  : "ul.pager",

あなたのnextSelectorここは無効です。二重引用符の中に二重引用符を使用することはできません。また~=、サンプル HTML には不要です。

nextSelector : "ul.pager li a[rel='next']",
于 2013-11-08T18:06:30.593 に答える