JqPagination is a simple and easy-to-use jQuery paging plug-in that uses HTML5 and CSS3 technologies. This plug-in provides several parameter settings options to generate a paging control through simple configuration. In addition, its appearance style is customizable and highly scalable.
Usage:
Add JS and CSS files for the jQuery class library and jqPagination plug-in
<Link rel = "stylesheet" href = "jqpagination.css"/>
<Script src = "jquery-1.6.2.min.js"> </script>
<Script src = "jquery. jqpagination. min. js"> </script>
The following HTML
<Div class = "pagination">
<A href = "#" class = "first" data-action = "first"> & laquo; </a>
<A href = "#" class = "previous" data-action = "previous"> & lsaquo; </a>
<Input type = "text" readonly = "readonly" data-max-page = "40"/>
<A href = "#" class = "next" data-action = "next"> & rsaquo; </a>
<A href = "#" class = "last" data-action = "last"> & raquo; </a>
</Div>
Last initialize the plug-in
$ ('. Pagination'). jqPagination ({
Link_string :'/? Page = {page_number }',
Current_page: 5, // set the current page to 1 by default
Max_page: 40, // set the maximum page to 1 by default
Page_string: 'Current page {current_page}, total page {max_page ',
Paged: function (page ){
// Send back an event...
}
});
Beneverard/jqPaginationWatch238 Fork49 address: http://www.codesocang.com/chajian/jQuerychajian/2013/0807/5333.html
JqPagination, a jQuery pagination plugin-More...
Http://beneverard.github.com/jqPagination/
| Issues |
| #17 |
Changing max_count produces unexpected behavior |
By tjhart2013-05-09 |
| #16 |
The paged even shoshould not ge fired when I only change the max_page. |
By shijistar2012-11-22 |
| #5 |
Adding new events/callback system |
By Zikes2011-12-16 |
| #6 |
Error callback |
By beneverard2011-12-16 |
| #3 |
Added url hash feature |