Paginating Through Long Web Content With jQuery - mbPagination

File Size: 18.5 KB
Views Total: 2691
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Paginating Through Long Web Content With jQuery - mbPagination

Just another jQuery pagination plugin which converts long html lists and/or block elements (e.g. grid items) into several pages with a nice clean pagination control.

How to use it:

1. Include the main style sheet jQueryPagination.min.css in the header of your webpage.

<link rel="stylesheet" href="jQueryPagination.min.css">

2. Include jQuery library and the JavaScript file jQueryPagination.min.js at the bottom of the webpage.

<link rel="stylesheet" href="jQueryPagination.min.css">

3. Append a default pagination control to the html list and specify how many list items per page.

$('#paginate').mbPagination({
  perPage: 5
});

4. Determine if you'd like to show the first/last pages.

$('#paginate').mbPagination({
  showFirstLast: true
});

5. Set the first/last/next/prev label text.

$('#paginate').mbPagination({
  prevText: '&#10092;',
  nextText: '&#10093;',
  firstText: '&#10092;&#10092;',
  lastText: '&#10093;&#10093;'
});

Change log:

2017-02-19

  • Disabled class was working on click of first and last buttons only, fixed that. Also fixed the styling

This awesome jQuery plugin is developed by MalikaBanga. For more Advanced Usages, please check the demo page or visit the official website.