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 学习笔记(四)
Dec 31 Javascript
idTabs基于JQuery的根据URL参数选择Tab插件
Apr 11 Javascript
基于jQuery选择器的整理集合
Apr 26 Javascript
前端必备神器 Snap.svg 弹动效果
Nov 10 Javascript
浅谈Jquery核心函数
Jun 18 Javascript
JavaScript为事件句柄绑定监听函数实例详解
Dec 15 Javascript
hovertree插件实现二级树形菜单(简单实用)
Dec 28 Javascript
JS实现页面打印功能
Mar 16 Javascript
Vue单页式应用(Hash模式下)实现微信分享的实例
Jul 21 Javascript
Grunt针对静态文件的压缩,版本控制打包的实例讲解
Sep 29 Javascript
axios如何利用promise无痛刷新token的实现方法
Aug 27 Javascript
electron 安装,调试,打包的具体使用
Nov 06 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的宝库目录--PEAR
2006/10/09 PHP
php异常:Parse error: syntax error, unexpected T_ENCAPSED_AND_WHITESPACE  eval()'d code error
2011/05/19 PHP
PHP中将字符串转化为整数(int) intval() printf() 性能测试
2020/03/20 PHP
php封装的验证码工具类完整实例
2016/10/19 PHP
jQuery学习笔记 获取jQuery对象
2012/09/19 Javascript
JavaScript实现网页图片等比例缩放实现代码及调用方式
2013/02/25 Javascript
JS性能优化笔记搜索整理
2013/08/21 Javascript
yepnope.js使用详解及示例分享
2014/06/23 Javascript
理解javascript中的with关键字
2016/02/15 Javascript
Three.js学习之Lamber材质和Phong材质
2016/08/04 Javascript
深入理解Node.js中的进程管理
2017/03/13 Javascript
微信小程序 侧滑删除(左滑删除)
2017/05/23 Javascript
Nuxt.js踩坑总结分享
2018/01/18 Javascript
Vue结合Video.js播放m3u8视频流的方法示例
2018/05/04 Javascript
利用d3.js实现蜂巢图表带动画效果
2019/09/03 Javascript
Vue实现剪切板图片压缩功能
2020/02/04 Javascript
微信小程序实现canvas分享朋友圈海报
2020/06/21 Javascript
[37:47]IG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python读文件逐行处理的示例代码分享
2013/12/27 Python
Python中的条件判断语句与循环语句用法小结
2016/03/21 Python
详解Python多线程
2016/11/14 Python
Python爬虫代理IP池实现方法
2017/01/05 Python
Python 机器学习库 NumPy入门教程
2018/04/19 Python
Python实现的根据文件名查找数据文件功能示例
2018/05/02 Python
python斐波那契数列的计算方法
2018/09/27 Python
Python3直接爬取图片URL并保存示例
2019/12/18 Python
python GUI库图形界面开发之PyQt5 MDI(多文档窗口)QMidArea详细使用方法与实例
2020/03/05 Python
科颜氏加拿大官方网站: Kiehl’s加拿大
2016/08/16 全球购物
雅诗兰黛香港官网:Estee Lauder香港
2017/09/26 全球购物
Shein英国:女性时尚网上商店
2019/04/10 全球购物
出国留学自荐信
2013/10/25 职场文书
土木工程毕业生自荐信
2013/11/12 职场文书
小学趣味运动会加油稿
2014/09/25 职场文书
客房服务员岗位职责
2015/02/09 职场文书
2015年城乡环境综合治理工作总结
2015/07/24 职场文书
《悲惨世界》:比天空更广阔的是人的心灵
2020/01/16 职场文书