欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  php教程

分享一套自己写的 JQ分页插件

程序员文章站 2022-03-24 22:25:22
...
支持4种分页模式,1:普通链接分页 2:点击分页按钮 3:点击加载更多 4:下拉加载更多
分享一套自己写的 JQ分页插件
分享一套自己写的 JQ分页插件

目前仅支持4种分页模式
1:普通链接分页
Ajax:
2:点击分页按钮
3:点击加载更多
4:下拉加载更多// 1普通分页
var config = ({
Mode : 1, //分页模式 1:普通分页
PageBer : 2, //每页显示条数
PageMax : 10, //每页最多显示多少个页码
PageUrl : 'http://127.0.0.1/1/1.php?page=[#]', //分页链接,并带上分页符
PageId : 'Page', //分页Page实体插入的HTML ID
PageCid : 'tbinfo', //分页内容插入的HTML ID
PageHtml: ' [0] [1] [2] 删除 ', //分页实体,带占位符0-N键位 指定字段
PageArray: '',//JSON化之后的分页内容
Page : '', //当前分页数
PageNum : '',//分页总记录数
});
JunPage(config);
//调用分页
// 2.ajax点击按钮分页
var config = ({
Mode : 2, //分页模式 1:普通分页
PageBer : 2, //每页显示条数
PageMax : 10, //每页最多显示多少个页码
PageUrl : 'http://127.0.0.1/1/index.php?page=[#]', //分页链接,并带上分页符
PageId : 'Page', //分页Page实体插入的HTML ID
PageCid : 'tbinfo', //分页内容插入的HTML ID
PageHtml: ' [0] [1] [2] 删除 ', //分页实体,带占位符0-N键位 指定字段
PageArray: '', //JSON化之后的分页内容
Page : 1, //当前分页数
PageNum : '', //分页总记录数
/*Ajax模式下的分页参数*/
Ajax : 'get', //ajax模式
AjaxNo : 'index.php', //分页里需要替换的文件名 不需要替换设置为null
AjaxYes : 'ajax_1.php', //分页替换的文件名

});
JunPage(config);
// 3.ajax点击加载更多
var config = ({
Mode : 3, //分页模式 1:普通分页
PageBer : 2, //每页显示条数
PageMax : 10, //每页最多显示多少个页码
PageUrl : 'http://127.0.0.1/1/index.php?page=[#]', //分页链接,并带上分页符
PageId : 'Page', //分页Page实体插入的HTML ID
PageCid : 'tbinfo', //分页内容插入的HTML ID
PageHtml: ' [0] [1] [2] 删除 ', //分页实体,带占位符0-N键位 指定字段
PageArray: '', //JSON化之后的分页内容
Page : 1, //当前分页数
PageNum : '', //分页总记录数
/*Ajax模式下的分页参数*/
Ajax : 'get', //ajax模式
AjaxNo : 'index.php', //分页里需要替换的文件名 不需要替换设置为null
AjaxYes : 'ajax_2.php', //分页替换的文件名

});
JunPage(config);
// 4.ajax下载加载更多
var config = ({
Mode : 4, //分页模式 1:普通分页
PageBer : 10, //每页显示条数
PageMax : 10, //每页最多显示多少个页码
PageUrl : 'http://127.0.0.1/1/index.php?page=[#]', //分页链接,并带上分页符
PageId : 'Page', //分页Page实体插入的HTML ID
PageCid : 'tbinfo', //分页内容插入的HTML ID
PageHtml: ' [0] [1] [2] 删除 ', //分页实体,带占位符0-N键位 指定字段
PageArray: '', //JSON化之后的分页内容
Page : 1, //当前分页数
PageNum : '', //分页总记录数
/*Ajax模式下的分页参数*/
Ajax : 'get', //ajax模式
AjaxNo : 'index.php', //分页里需要替换的文件名 不需要替换设置为null
AjaxYes : 'ajax_3.php', //分页替换的文件名

});
JunPage(config);
代码已上传至群文件

QQ群号:368405253