Pagination

Demo

Demos are largely unstyled to give developers a better idea of how the plugin can drop into a new or existing project.

<nav class="pagination">
	<a href="1.html">1</a>
	<a href="2.html">2</a>
	<a href="3.html">3</a>
	<a href="4.html">4</a>
	<a href="5.html">5</a>
</nav>

$(".pagination").pagination();

Using Pagination

Main

pagination.js
pagination.css

Dependencies

jQuery
core.js
mediaquery.js

Basic

Pagination will convert a set of links into a mobile-friendly pagination system:

$(".pagination").pagination();

<nav class="pagination">
  <a href="1.html">1</a>
  <a href="2.html">2</a>
  <a href="3.html">3</a>
  <a href="4.html">4</a>
  <a href="5.html">5</a>
</nav>

Options

Set instance options by passing a valid object at initialization, or to the public defaults method. Custom options for a specific instance can also be set by attaching a data-pagination-options attribute to the target elment. This attribute should contain the properly formatted JSON object representing the custom options.

Events

Events are triggered on the target instance's element, unless otherwise stated.

Methods

Methods are publicly available to all active instances, unless otherwise stated.

defaults

Extends plugin default settings; effects instances created hereafter.

$.pagination("defaults", { ... });

Parameters

destroy

Removes plugin instance.

$(".target").pagination("destroy");

jump

Jump instance of plugin to specific page

$(".target").pagination("jump", 1);

CSS