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

原创: 2016-11-19 13:05:25 758浏览

支持4种分页模式，1:普通链接分页 2:点击分页按钮 3:点击加载更多 4:下拉加载更多

目前仅支持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);