pageNavigator

The best jQuery plugin ever.

Getting Started

Download the production version or the development version.

In your web page:

<script src="jquery.js"></script>
<script src="dist/pageNavigator.min.js"></script>
<script>
jQuery(function($) {
  // initialize
  $('.nav-pager').pageNavigator({
      // set or data-bind use '.nav-pager[data-**=xx]'
      "total_entries":    100,
      "entries_per_page":  20,
      "current_page":       1,
  });

  // pagenation
  $('.page-ctrl').on('click', function () {
      $('.nav-pager').pageNavigator('next'); // or 'prev'
  });

  // handle events. use 'pn:event_name'
  $('.nav-pager').on('pn:navigate', function () {
  });
});
</script>

Documentation

(Coming soon)

Examples

(Coming soon)

Release History

(Nothing yet)