will_paginate + плагин Infinite Scroll - не отображается сообщение «Загрузка» - PullRequest
Новая
       52

will_paginate + плагин Infinite Scroll - не отображается сообщение «Загрузка»

2 голосов
/ 20 марта 2012

Я использую will_paginate драгоценный камень в сочетании с Infinite Scroll jQuery Plugin , и механизм работает довольно хорошо. Единственным исключением является отображение информационного сообщения, когда загружается новый контент или когда уже загружены все данные - это сообщение не отображается.

Вот моя структура пагинации, сгенерированная 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 ); 
      });
    }
  );

Все должно быть настроено на страницах справочника, но я не знаю почему, информационное сообщение и загрузчик не загружаются ...

Ценю любую помощь!

1 Ответ

0 голосов
/ 21 октября 2015

вместо 

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

использовать 

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

это может вам помочь

...