jQuery插件分享之分页插件jqPagination
2018-10-12 14:00
686 查看
使用方法:
添加 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) {
//回发事件。。。
}
});
您可能感兴趣的文章:
相关文章推荐
- jQuery插件分享之分页插件jqPagination
- 分享一个自己动手写的jQuery分页插件
- 触屏版轻量级分页插件jqPagination分享
- JavaScript 学习笔记之二:编写自己的jQuery扩展分页插件(分享yQuery)
- 触屏版轻量级分页插件jqPagination分享
- 使用JQuery实现的分页插件分享
- 分享一个jQuery的超酷分页插件 - jPages
- 分享一个jQuery的超酷分页插件 - jPages
- 分享一个jQuery的超酷分页插件 - jPages
- 分享一个自己写的jquery分页插件
- 分享一个自己动手写的jQuery分页插件
- 分享一个Jquery 分页插件 Jquery Pagination
- 使用JQuery实现的分页插件分享
- 分享一个jQuery 客户端分页插件
- 分享几款基于bootstrap和jquery的分页插件
- jQuery 分页插件 jqPagination的使用
- java jsp标签分页,jquery 插件分页封装
- 分享20多个很棒的jQuery 文件上传插件或教程
- 分享20多个很棒的jQuery 文件上传插件或教程
- Jquery插件分享之气泡形提示控件grumble.js