Как реализовать плагин прокрутки Infinity?

0

Я использую этот плагин для внедрения плагина прокрутки 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>

Когда я загружаю страницу, она не работает. Что мне не хватает? Любая помощь приветствуется.

  • 1
    Вы действительно вызывали свою функцию infiniteScroller() ?
  • 0
    $ (document) .ready (function () {infiniteScroller ();}); Хорошо, я добавил это. Но все равно не работает :(
Теги:

1 ответ

0

Согласно документам, ваш navSelector должен быть всем навигатором, а не только первым элементом:

navSelector  : "ul.pager",

Ваш nextSelector здесь недействителен. Вы не можете использовать двойные кавычки внутри двойных кавычек, а ~= не требуется для вашего образца HTML.

nextSelector : "ul.pager li a[rel='next']",
Поделиться
  • 0
    Спасибо брат! :) Это действительно сработало. Но это не выборка блоков следующей страницы на текущую страницу.
  • 0
    Мне не хватает вашего кода, чтобы помочь вам в дальнейшем. Попробуйте прочитать документацию более внимательно; в нем должно быть все, что вам нужно.
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню