使用jqPagination同步分页

Question

如何使用jqPagination同步分页，我尝试使用以下代码，但我没有成功，当我点击下一步按钮时，同步没有发生。我觉得我错过了一件小事，但我无法理解它是什么。我还在学习javascript和jquery。我从beneverard.github.io/jqPagination /

下载了jqPagination

        <div class="gigantic pagination">
            <a href="#" class="first" data-action="first">&laquo;</a>
            <a href="#" class="previous" data-action="previous">&lsaquo;</a>
            <input type="text" readonly="readonly" />
            <a href="#" class="next" data-action="next">&rsaquo;</a>
            <a href="#" class="last" data-action="last">&raquo;</a>
        </div>

        <div class="gigantic pagination">
            <a href="#" class="first" data-action="first">&laquo;</a>
            <a href="#" class="previous" data-action="previous">&lsaquo;</a>
            <input type="text" readonly="readonly" />
            <a href="#" class="next" data-action="next">&rsaquo;</a>
            <a href="#" class="last" data-action="last">&raquo;</a>
        </div>



   $(document).ready(function() {
      $('.pagination').jqPagination({
         link_string    : '/?page={page_number}',
         max_page   : 40,
         paged      : function(page) {
         $('.log').prepend('<li>Requested page ' + page + '</li>');
         }
      });
   });

This picture is what i want to achieve but instead i get results like the below picure

This picture is what i am getting instead