使用方法:
添加 jQuery 类库、jqPagination 插件的 JS 和 CSS 文件
<link rel=\"stylesheet\" href=\"jqpagination.css\"/>
<script src=\"jquery-1.6.2.min.js\"></script>
<script src=\"jquery.jqpagination.min.js\"></script>
再需要如下HTML
<div class=\"pagination\">
<a href=\"#\" class=\"first\" data-action=\"first\">«</a>
<a href=\"#\" class=\"previous\" data-action=\"previous\">‹</a>
<input type=\"text\" readonly=\"readonly\" data-max-page=\"40\" />
<a href=\"#\" class=\"next\" data-action=\"next\">›</a>
<a href=\"#\" class=\"last\" data-action=\"last\">»</a>
</div>
最后初始化插件
$(\'.pagination\').jqPagination({
link_string : \'/?page={page_number}\',
current_page: 5, //设置当前页 默认为1
max_page : 40, //设置最大页 默认为1
page_string : \'当前第{current_page}页,共{max_page}页\',
paged : function(page) {
//回发事件。。。
}
});
本文地址:https://www.stayed.cn/item/23654
转载请注明出处。
本站部分内容来源于网络,如侵犯到您的权益,请 联系我