jQuery插件分享之分页插件jqPagination


Posted in Javascript onJune 06, 2014

使用方法:

添加 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) {
      //回发事件。。。
      }
});
Javascript 相关文章推荐
javascript字典探测用户名工具
Oct 05 Javascript
JavaScript 开发规范要求(图文并茂)
Jun 11 Javascript
jQuery动态显示和隐藏datagrid中的某一列的方法
Dec 11 Javascript
JavaScript实现标题栏文字轮播效果代码
Oct 24 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
May 24 Javascript
js实现密码强度检验
Jan 15 Javascript
JavaScript实现弹窗效果代码分析
Mar 09 Javascript
jquery实现回车键触发事件(实例讲解)
Nov 21 jQuery
使用vue-cli导入Element UI组件的方法
May 16 Javascript
解决Vue2.0 watch对象属性变化监听不到的问题
Sep 11 Javascript
js字符串类型String常用操作实例总结
Jul 05 Javascript
js实现随机点名器精简版
Jun 29 Javascript
javascript中的return和闭包函数浅析
Jun 06 #Javascript
seaJs的模块定义和模块加载浅析
Jun 06 #Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
Jun 06 #Javascript
javascript中加号(+)操作符的一些神奇作用
Jun 06 #Javascript
使用GruntJS构建Web程序之合并压缩篇
Jun 06 #Javascript
Javascript动态引用CSS文件的2种方法介绍
Jun 06 #Javascript
jquery 隐藏与显示tr标签示例代码
Jun 06 #Javascript
You might like
PHP开发负载均衡指南
2010/07/17 PHP
phpexcel导入excel数据使用方法实例
2013/12/24 PHP
PHP析构函数destruct与垃圾回收机制的讲解
2019/03/22 PHP
php探针不显示内存解决方法
2019/09/17 PHP
用javascript实现的支持lrc歌词的播放器
2007/05/17 Javascript
如何将网页表格内容导入excel
2014/02/18 Javascript
javascript 构造函数方式定义对象
2015/01/02 Javascript
js的window.showModalDialog及window.open用法实例分析
2015/01/29 Javascript
讲解JavaScript中for...in语句的使用方法
2015/06/03 Javascript
js jquery获取当前元素的兄弟级 上一个 下一个元素
2015/09/01 Javascript
基于jQuery实现二级下拉菜单效果
2016/02/01 Javascript
Bootstrap3使用typeahead插件实现自动补全功能
2016/07/07 Javascript
使用vue-router完成简单导航功能【推荐】
2018/06/28 Javascript
echarts设置图例颜色和地图底色的方法实例
2018/08/01 Javascript
vue自定义指令的创建和使用方法实例分析
2018/12/04 Javascript
微信小程序自定义组件传值 页面和组件相互传数据操作示例
2019/05/05 Javascript
微信小程序实现点击卡片 翻转效果
2019/09/04 Javascript
file-loader打包图片文件时路径错误输出为[object-module]的解决方法
2020/01/03 Javascript
React Native中ScrollView组件轮播图与ListView渲染列表组件用法实例分析
2020/01/06 Javascript
javascript实现放大镜功能
2020/12/09 Javascript
详解python Todo清单实战
2018/11/01 Python
Python的条件表达式和lambda表达式实例
2019/01/31 Python
python做接口测试的必要性
2019/11/20 Python
python求numpy中array按列非零元素的平均值案例
2020/06/08 Python
HTML5引入的新数组TypedArray介绍
2012/12/24 HTML / CSS
HTML5 创建canvas元素示例代码
2014/06/04 HTML / CSS
如何进行Linux分区优化
2013/02/12 面试题
家长寄语大全
2014/04/02 职场文书
施工安全标语
2014/06/07 职场文书
群众路线个人自我剖析材料
2014/10/07 职场文书
艺术节开幕词
2015/01/28 职场文书
2015自愿离婚协议书范本
2015/01/28 职场文书
2015年政治教研组工作总结
2015/07/22 职场文书
六年级作文之自救
2019/12/19 职场文书
MySQL快速插入一亿测试数据
2021/06/23 MySQL
Java生成读取条形码和二维码的简单示例
2021/07/09 Java/Android