手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery插件分享之分页插件jqPagination
jQuery插件分享之分页插件jqPagination
摘要:使用方法:添加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) {

//回发事件。。。

}

});

【jQuery插件分享之分页插件jqPagination】相关文章:

7个有用的jQuery代码片段分享

jQuery插件zepto.js简单实现tab切换

JQuery插件jcarousellite的参数中文说明

jQuery实现自动滚动到页面顶端的方法

jQuery异步上传文件插件ajaxFileUpload详细介绍

jQuery插件实现适用于移动端的地址选择器

jQuery插件pagewalkthrough实现引导页效果

javascript事件冒泡实例分析

JQuery中DOM事件冒泡实例分析

jQuery解析XML文件同时动态增加js文件的方法

精品推荐
分类导航