pagination使用说明
2024-09-07 06:15:22
参考自张鑫旭
准备工作
下载jquery.min.js
下载jquery.pagination.js
下载pagination.css
开始敲代码
第一步,引入刚刚下载的三个文件
<link rel="stylesheet" href="lib/pagination.css" />
<script type="text/javascript" src="lib/jquery.min.js"></script>
<script type="text/javascript" src="lib/jquery.pagination.js"></script>
第二步,在页面结构写一个有id属性以及class="pagination"的div
<div id="Pagination" class="pagination"></div>
第三步,初始化
$(function() {
$("#Pagination").pagination(25, {
num_edge_entries: 0,
num_display_entries: 5,
current_page: 1,
callback: function (page) {
console.log(page);
},
items_per_page:10,
prev_text: '上一页',
next_text: '下一页',
prev_show_always: true,
next_show_always: true
});
})
大功告成!
参数说明
最新文章
- Apache Ignite之集群应用测试
- CSS魔法堂:说说Float那个被埋没的志向
- BIP_开发案例08_BI Publisher图表示例 饼状图/直方图/折线图(案例)
- ArrayList and LinkedList
- hdu 4681 最长公共子序列+枚举
- How to install ffmpeg,mp4box,mplayer,mencoder,flvtool2,ffmpeg-php on centos
- dtach-linux-分离功能-小工具 - 点点滴滴 Linux | 点点滴滴 Linux
- sql server基础学习之引号
- Tried to obtain the web lock from a thread other than the main thread or the web thread. This may be
- .NetCore获取json文件配置内容
- java.util.ConcurrentModificationException 记一次坑
- python入门编程之mysql编程
- Visual Studio 2017 怎么将自动生成属性设置为旧版格式
- Linux----------mysql基础
- 20165223 实验三 敏捷开发与XP实践
- git下载指定的版本
- curl 发送 post 请求
- JAVA多线程提高二:传统线程的互斥与同步&;传统线程通信机制
- ThinkPHP开发笔记-视图
- VPS速度测试(4):上传下载速度、服务器带宽、Ping响应时间