ingenious/jquery-bootpag

Bootstrap dynamic pagination jQuery plugin

dev-master 2015-09-02 17:57 UTC

Requires

• components/jquery: *

MIT

• botmonster

README

This jQuery plugin helps you create dynamic pagination with Bootstrap or in any other html pages.

#Example

Snippet that dynamic loads number of pages. More examples can be found on project homepage

<p id="content">Dynamic page content</p>
<p id="pagination-here"></p>

$('#pagination-here').bootpag({
    total: 7,          // total pages
    page: 1,            // default page
    maxVisible: 5,     // visible pagination
    leaps: true         // next/prev leaps through maxVisible
}).on("page", function(event, num){
    $("#content").html("Page " + num); // or some ajax content loading...
    // ... after content load -> change total to 10
    $(this).bootpag({total: 10, maxVisible: 10});
});

#License

Plugin available under MIT license (See LICENSE file)

Copyright (c) 2013-2015 botmonster.com