jpaginate ajax,GitHub - asirokas/jPaginate: A jQuery plugin for pagination of html elements

jPaginate

This is a jQuery plugin for paginating content in an html page. It's simple and very easy to use. It will paginate the children of a parent element. An example of the html syntax you have to use, is the following:

any content here

any content here

any content here

Usage

Load the jQuery library in your

:

Load the plugin, just before the closing

tag of the page you in which you want to use it.

Initialize the plugin on the element that you want to paginate

$('.element').jpaginate();

Multiple instances

If you want to have more than one elements paginated in the same page, then give each one a unique id attribute and use that id as the selector. This way, you can set different options for each element.

$('#element-1').jpaginate({

items_per_page : 2,

});

$('#element-2').jpaginate({

items_per_page : 3,

});

Options

The plugin can be called with the following options:

Option

Type

Default

Description

pagination_class

string

pagination

The class for the pagination element

items_per_page

int

5

The number of items for each page

prev_next

boolean

true

Show the previous and next controls

prev_text

string

'«'

Show the previous and next controls

next_text

string

'»'

Show the previous and next controls

An example with the default options:

$( '.element' ).jpaginate( {

pagination_class: "pagination",

items_per_page : 5,

prev_next : true,

prev_text : '«',

next_text : '»'

} );