Question

我正在使用此插件来实现Infinity滚动插件：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>

当我加载页面时，它不起作用。我错过了什么？任何帮助表示赞赏。

Answer 1

根据文档，您的navSelector应该是整个导航，而不仅仅是第一个元素：

navSelector  : "ul.pager",

您的nextSelector此处无效。您不能在双引号内使用双引号，并且示例HTML不需要~=。

nextSelector : "ul.pager li a[rel='next']",

如何实现无限滚动插件？

1 个答案: