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

php中文网

发布时间：2016-11-19 13:05:25

1432人浏览过

来源于php中文网

原创

支持4种分页模式，1:普通链接分页 2:点击分页按钮 3:点击加载更多 4:下拉加载更多
分享一套自己写的 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