пагинация Paginator.js

Подскажите пожалуйста насчет Paginator.js - как им пользоваться,а точнее разбивать контент по страницам? я предложенном примере на сайте не смотря на пагинацию контент выводится на всех страницах одинаковый. Вот пример: Paginator.js пример

Или подскажите библиотеки/модули пагинации без перезагрузки страницы спасибо

<div id="wrapper">
    <section>
        <div class="data-container"></div>
        <div id="pagination-demo1"></div>


        <div class="data-container"></div>
        <div id="pagination-demo2"></div>
    </section>
</div>

    $(function() {
      (function(name) {
        var container = $('#pagination-' + name);
        container.pagination({
          dataSource: 'https://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?',
          locator: 'items',
            totalNumber: 10,
        pageSize: 5,
    		 showPrevious: false,
        showNext: false,
          ajax: {
            beforeSend: function() {
              container.prev().html('Loading data from flickr.com ...');
            }
          },
          callback: function(response, pagination) {
            window.console && console.log(3, response, pagination);
            var dataHtml = '<ul>';
    
            $.each(response, function (index, item) {
              dataHtml += '<li>' + item.title + '</li>';
            });
    
            dataHtml += '</ul>';
    
            container.prev().html(dataHtml);
          }
        })
      })('demo2');
    })


Ответы (0 шт):