jQuery插件分享之分页插件jqPagination
jQuery插件分享之分页插件jqPagination
发布时间:2016-12-30 来源:查字典编辑
摘要:使用方法:添加jQuery类库、jqPagination插件的JS和CSS文件复制代码代码如下:再需要如下HTML复制代码代码如下:&laq...

使用方法:

添加 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>

<a href="#" data-action="first">«</a>

<a href="#" data-action="previous">‹</a>

<input type="text" readonly="readonly" data-max-page="40" />

<a href="#" data-action="next">›</a>

<a href="#" 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) {

//回发事件。。。

}

});

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类