Pager Demo

View Documentation

Basic

The most basic method is simply applying the Pager plugin:

$(".target").pager();

<div class="pagination">
	<a href="#1">1</a>
	<a href="#2">2</a>
	<a href="#3">3</a>
	...
</div>

Demo

Current Page

Pager will automatically detect the current page based on the active class.

<div class="pagination">
	<a href="#1">1</a>
	<a href="#2" class="active">2</a>
	<a href="#3">3</a>
</div>

Demo

Events

Pager will automatically detect the current page based on the active class.

$(".target").pager();

$(".target").on("update.pager", function (e, index) {
	// Current page updated
});

Demo