jQuery 分页插件 jPages 使用
2019独角兽企业重金招聘Python工程师标准>>>
jQuery 分页插件 jPage实现了javascript分页。操作很傻瓜,在此记录一下。
使用方式如下:
1.引入头文件(注意一定要把jQuery放在前面):
此处使用了动画效果
<!-- 使用插件的时候一定要引入jQuery!!!-->
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<!-- jPage --><link rel="stylesheet" href="css/jpage/jPages.css"/><link rel="stylesheet" href="css/jpage/animate.css"/><script src="js/jpage/jPages.min.js"></script><script>$(function(){$("div.holder").jPages({containerID : "itemContainer",previous : "←",next : "→",perPage : 20,delay : 100});});
</script>
2.需要分页的<table>的<tbody>上(注意:不一定非得是<table>,也可以是<ul>等)的id标记为“itemContainer”,表明这里面放的是一行一行的内容。
class属性为“holder”的<div>用于放置“1”“2”“3”或者“Next”这类的导航链接。
注:本代码直接从SSH项目中拷贝出来,因此有EL等标签,可以忽略。
<div class="post_section"><h3>管理员信息</h3><div class="holder"></div><table id="alltable" cellspacing="0" class="tablesorter"><thead><tr><th>ID</th><th>登录名</th><th>姓名</th><th>级别</th><th>操作</th></tr></thead><tbody id="itemContainer"><c:forEach items="${alladmin}" var="admin"><tr> <td>${admin.id}</td><td>${admin.loginname}</td><td><a href="AdminReadByID_Admin2Action.action?adminid=${admin.id}">${admin.name}</a></td><td>${admin.level}</td><td><a href="AdminReadByID_Admin2Action.action?adminid=${admin.id}">查看</a>|<a href="AdminEditRead_Admin2Action.action?adminid=${admin.id}">编辑</a>|<a class="confirm" href="AdminDelete_Admin2Action.action?adminid=${admin.id}">删除</a></td></tr></c:forEach></tbody></table>
</div>
jPages项目主页: http://luis-almeida.github.io/jPages/index.html
jPages下载:http://download.csdn.net/detail/leixiaohua1020/6376509
转载于:https://my.oschina.net/leixiaohua1020/blog/301957
jQuery 分页插件 jPages 使用相关推荐
- jquery分页插件jpages参数说明-jpages使用笔记
一:jpages使用方法: 1:引入必须文件 <link rel="stylesheet" href="jPages.css"> <scrip ...
- java ajax jquery分页插件_分享精心挑选的12款优秀jQuery Ajax分页插件和教程
摘要:这篇jQuery栏目下的"分享精心挑选的12款优秀jQuery Ajax分页插件和教程",介绍的技术点是"jquery_ajax分页插件.jquery_ajax.a ...
- java ajax jquery分页插件_JQueryPagination分页插件,ajax从struts请求数据
2017-07-16 学完了struts2,做了个关于分页的小例子,用到了JQuery分页插件Pagination,先贴下插件下载地址 插件作者对于参数讲解的不够详细,琢磨了半天才明白怎么用,不多说, ...
- 很强大的一个jquery分页插件
jQuery.page.js //分页插件 /** ch **/ (function($){var ms = {init:function(obj,args){return (function(){m ...
- jquery分页插件的修改
前言 最近分页功能使用的比较多,所以从网上下载个jquery分页插件来使用, 之前用的都挺好的,直到昨天出现了逻辑问题,反复查看自己的代码,最后发现是点击页码后执行了多个点击事件.最后只有自己查看源码 ...
- jQuery分页插件(jquery.page.js)的使用
效果描述: 不用分页即可显示的jQuery插件 jQuery分页插件--jQuery.page.js用法很简单,效果很棒 1.前端 首先html的head中引入相关css与js <link re ...
- jQueryPager(JQuery分页插件pagination实现Ajax分页)
jQueryPager(JQuery分页插件pagination实现Ajax分页) 下载地址 jQueryPager(JQuery分页插件pagination实现Ajax分页).rar 转载于:htt ...
- 高仿淘宝分页:jQuery分页插件kkpager-Array-专题视频课程
高仿淘宝分页:jQuery分页插件kkpager-503人已学习 课程介绍 天底下万能的分页 课程收益 让所有人不再为分页所苦恼 讲师介绍 Array 更多讲师课程 ...
- jquery分页插件-sPage.js使用方法
git地址:https://github.com/jvbei/sPage 这是一个非常小巧灵活的插件,默认效果也挺好看的.如下: 代码如下: jquery分页插件 1,引入样式文件,可以根据实际需要修 ...
最新文章
- AI进军摇滚圈,老炮:这是啥?
- 树莓派 使用读卡器修改WIFI连接配置
- pandas 提取股票价格
- Java 里的HashMap(HashTable) 简介.
- kvm虚拟机设置万兆网卡_SR-IOV 10Gb 万兆网卡支持
- 2021移动游戏生命周期研究玩家洞察报告
- opencv 编译静态库
- mysql php pdo 迭代器_php – 创建PDO迭代器
- PADS无模命令总结
- redis持久化RDB与AOF
- Prometheus 监控 nginx
- pyqt5 点击开始执行_PyQt5教程——第一个程序(2)
- 硬盘的接口,总线,协议知识点总结
- 网易云api普通评论爬取的反馈
- Windows任务管理器中的内存
- 《06》个人博客不完整版
- js将网页保存成图片
- enti下载器_短跑enti策略:如何在不破坏软件的情况下改进软件
- 全国青少年科技创新大赛全国青少年信息学奥林匹克系列比赛(大赛系列第12期)
- GDB多线程调试(调试命令+调试演示)
热门文章
- 今日学习心得——装饰模式
- 【开发环境】安装 Visual Studio Community 2013 版本 ( 安装软件 | 通过 GitHub 账号登录软件 | 启动软件 | 安装中文语言包 )
- 【Android 应用开发】Canvas 精准绘制文字 ( 文本边界坐标解析 | 绘图位置 )
- 【Android 高性能音频】Oboe 开发流程 ( 导入 Oboe 库 | 使用预构建的二进制库和头文件 | 编译 Oboe 源码 )
- 逃亡的准备(大数据版)
- restful api与传统api的区别(方式及语法)
- 7-2一元多项式的乘法与加法运算
- First Scrum 冲刺
- 小技巧textbox的行数
- BZOJ 1800: [Ahoi2009]fly 飞行棋【思维题,n^4大暴力】