ingenious/jquery-bootpag

Bootstrap dynamic pagination jQuery plugin

bootpag - dynamic pagination

This jQuery plugin helps you create dynamic pagination with Bootstrap or in any other html pages., _(*1)

Example

Snippet that dynamic loads number of pages. More examples can be found on project homepage, _(*2)

<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), _(*3)

Copyright (c) 2013-2015 botmonster.com, _(*4)