JavaScript
Article
By Sam Deering

Use jQuery to Generate Quick Pagination

By Sam Deering

jquery-quick-pagination

Use Quick jQuery Pagination to convert long lists and page content into numbered pages in seconds!

Live Demo Download

--ADVERTISEMENT--

Benefits of quick pagination

  • Can be used on any list in seconds
  • You can specify navigation on top, bottom or both
  • You can specify the number of items to display for each page
  • Very lightweight, only 3kb!
  • I’ve tested in on every browser and it is very stable

Disadvantages to similar pagination plugins

  • It currently only works on lists (but you can use it on divs you would have to put them in li tags).
  • It currently doesn’t have back and next buttons.

Example Usage 1

Default options 10 list items per page and page navigation at bottom.

$("ul.pagination1").quickPagination();

Example Usage 2

Default options 10 list items per page and page navigation at top and bottom.

$("ul.pagination2").quickPagination({pagerLocation:"both"});

Example Usage 3

Specified 3 list items per page and page navigation at top and bottom.

$("ul.pagination3").quickPagination({pagerLocation:"both",pageSize:"3"});
Recommended
Sponsors
The most important and interesting stories in tech. Straight to your inbox, daily. Get Versioning.
Login or Create Account to Comment
Login Create Account