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 相关文章推荐
关于实现代码语法标亮 dp.SyntaxHighlighter
Feb 02 Javascript
javascript里模拟sleep(两种实现方式)
Jan 25 Javascript
基于jquery的simpleValidate简易验证插件
Jan 31 Javascript
JavaScript实现的双向跨域插件分享
Jan 31 Javascript
JavaScript使用Math.Min返回两个数中较小数的方法
Apr 06 Javascript
Bootstrap布局之栅格系统详解
Jun 13 Javascript
AngularJS应用开发思维之依赖注入3
Aug 19 Javascript
微信小程序图片选择区域裁剪实现方法
Dec 02 Javascript
node静态服务器实现静态读取文件或文件夹
Dec 03 Javascript
js实现表格单列按字母排序
Aug 12 Javascript
关于angular引入ng-zorro的问题浅析
Sep 09 Javascript
javascript实现点击按钮切换轮播图功能
Sep 23 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下实现折线图效果的代码
2007/04/28 PHP
PHP添加MySQL数据记录代码
2008/06/07 PHP
PHP7+Nginx的配置与安装教程详解
2016/05/10 PHP
PHP数字金额转换成中文大写显示
2019/01/05 PHP
niceTitle 基于jquery的超链接提示插件
2010/05/31 Javascript
JavaScript中的继承方式详解
2015/02/11 Javascript
JS实现窗口加载时模拟鼠标移动的方法
2015/06/03 Javascript
基于Bootstrap的网页设计实例
2017/03/01 Javascript
node文字生成图片的示例代码
2017/10/26 Javascript
vue 系列——vue2-webpack2框架搭建踩坑之路
2017/12/22 Javascript
js 索引下标之li集合绑定点击事件
2018/01/12 Javascript
在vue项目中使用element-ui的Upload上传组件的示例
2018/02/08 Javascript
vue组件数据传递、父子组件数据获取,slot,router路由功能示例
2019/03/19 Javascript
基于VUE实现简单的学生信息管理系统
2021/01/13 Vue.js
[01:01:24]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第三局
2016/02/25 DOTA
Python爬虫包 BeautifulSoup  递归抓取实例详解
2017/01/28 Python
Python基于递归实现电话号码映射功能示例
2018/04/13 Python
python对excel文档去重及求和的实例
2018/04/18 Python
python 3.6.5 安装配置方法图文教程
2018/09/18 Python
使用Template格式化Python字符串的方法
2019/01/22 Python
Python进程间通信Queue消息队列用法分析
2019/05/22 Python
python通过实例讲解反射机制
2019/10/17 Python
Python运行提示缺少模块问题解决方案
2020/04/02 Python
python文件路径操作方法总结
2020/12/21 Python
HTML5中的进度条progress元素简介及兼容性处理
2016/06/02 HTML / CSS
Mountain Warehouse澳大利亚官网:欧洲家庭户外品牌倡导者
2016/11/20 全球购物
伦敦时尚生活的缩影:LN-CC
2017/01/24 全球购物
美国室内和室外装饰花盆购物网站:ePlanters
2019/03/22 全球购物
利用指针变量实现队列的入队操作
2012/04/07 面试题
介绍一下.net和Java的特点和区别
2012/09/26 面试题
查环查孕证明
2014/01/10 职场文书
运动会入场词100字
2014/02/06 职场文书
大学生就业策划书范文
2014/04/04 职场文书
小学“向国旗敬礼”网上签名寄语活动总结
2014/09/27 职场文书
Go语言-为什么返回值为接口类型,却返回结构体
2021/04/24 Golang
《游戏王:大师决斗》新活动上线 若无符合卡组可免费租用
2022/04/13 其他游戏