Github:https://github.com/postbird/PostbirdPaginatorDriver.js
GitOSC:http://postbird.oschina.io/postbirdpaginatordriver.js/
注:引入Bootstrap.min.css仅提供index.html页面内容显示,无其他作用
页面URL 只有 page 一个分页参数(或者没有该参数,由驱动直接生成 - 参数可配置)
调用的代码:
PostbirdPaginatorDriver.init({ pageBox: "#pager", totalPage: 25 });
只使用了必须配置的基础配置项 pageBox
和 togalPage
设置完成后,在点击上面的分页链接,查看url变化
ul#pager
PostbirdPaginatorDriver.init({ pageBox: "#pager", totalPage: 25 });
名称 | 意义 | 是否必须 |
---|---|---|
pageBox | 存放分页的容器选择器 | 是 |
totalPage | 总页数 不传输默认为 1 | 否:但建议传输 |
currentPage | 当前页 | 否 可以通过currentPageBySelf 自动获取 |
currentPageBySelf | 是否自动获取当前页 | 否 默认true |
pageMin | 最小显示长度 分页数低于这个长度全部打印 | 否 默认 5 |
url | 链接 | 否 默认为location.href |
pageParam | 分页参数名称 | 否 默认为page |
pageClass | 分页li的class name | 否 默认为page-item |
showPreviusNextPage | 是否显示前一页后一页 | 否 默认为true |
showFirstLastPage | 是否显示首页和尾页 | 否 默认为true |
previusPageText | 前一页的文字 可以是html代码 | 否 默认为 « |
nextPageText | 后一页的文字 可以是html代码 | 否 默认为 » |
firstPageText | 首页的文字 可以是html代码 | 否 默认为 首页 |
lastPageText | 尾页的文字 可以是html代码 | 否 默认为 尾页 |