jquery-pagination分页插件
1、引入pagination.css和jquery.pagination.js文件；
2、配置可参考jquery.pagination.js文件50行的配置默认参数，含参数注释；
var defaults = {
totalData: 0, //数据总条数
showData: 0, //每页显示的条数
pageCount: 9, //总页数,默认为9
current: 1, //当前第几页
prevCls: 'prev', //上一页class
nextCls: 'next', //下一页class
prevContent: '', //下一页内容
activeCls: 'active', //当前页选中状态
coping: false, //首页和尾页
isHide: false, //当前页数为0页或者1页时不显示分页
homePage: '', //首页节点内容
endPage: '', //尾页节点内容
keepShowPN: false, //是否一直显示上一页下一页
mode: 'unfixed', //分页模式，unfixed：不固定页码数量，fixed：固定页码数量
count: 4, //mode为unfixed时显示当前选中页前后页数，mode为fixed显示页码总数
jump: false, //跳转到指定页数
jumpIptCls: 'jump-ipt', //文本框内容
jumpBtnCls: 'jump-btn', //跳转按钮
jumpBtn: '跳转', //跳转按钮文本
callback: function () {} //回调
};
3、使用：
function example(page, current = 1) {
$('#filterTab').pagination({
totalData: page, //总页数
showData: showNum, //每页显示条数
coping: true, //首页和尾页
jump: true, //跳转至指定页数
current: current, //当前显示第几页
callback: function(api) {
searchUsers(false, api.getCurrent()) //获取当前页
}
});
};
2021-04-06 11:06:10
10KB
1
jquery.fileupload.js jquery.fileupload.js jquery.fileupload.js
2021-04-05 20:30:20
4KB
1
本文实例讲述了jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作。分享给大家供大家参考，具体如下：
1、先给json格式的数据：
[
{"id":1,"name":"stan"},
{"id":2,"name":"jack"},
{"id":3,"name":"lucy"},
{"id":4,"name":"mary"},
{"id":5,"name":"jerry"},
{"id":6,"name":"tom"}
]
2、通过访问html页面，获取并展示数据：
方法一：
<!DOCTYPE html>
<html>
<head>
<title></titl
2021-04-04 20:30:17
36KB
1