更新日期：2019-05-29 00:00:00
更新内容：1.7版本和1.8版本差别不大。
1.8版本增加了index页面描述，红色文字那一块。
1.8版本css样式优化了一下，把 vertical-align: bottom; 改成了 vertical-align: middle;
额外说明：
一、jq不会，请先学jq，不在分页插件问题解答范围内；
二、请先照着index页面的demo写分页代码，请仔细看index页面描述；
三、index页面所有的描述是最新的。
更新日期：2018-05-20 02:30:00
更新内容：添加总条数，可重新再次初始化插件，修改getPage方法返回数据为对象结构，修改setPage方法参数为对象结构，修复无总条数选择每页条数下拉框引起总页数的错误，修复isResetPage参数的相关代码
更新时间：2018/3/30 下午4:50:21
更新说明：有问题请加QQ号，不提供微信号，QQ号：3519842327，仅限该分页插件的解答
更新日期：20180205 23:00:00
更新内容：稍微优化css，在index.html增加描述，含ajax使用例子描述、静态数据使用例子描述、初始化分页插件参数描述、setPage | getPage方法描述
更新日期：2018-01-18 23:00:00
更新内容：增加getPage方法返回每页显示条数// [当前页码, 总页数, 每页显示条数]
1 | $("#pagination").whjPaging("getPage"); |
更新日期：2018-01-17 22:00:00
更新内容：修改初始化分页插件参数选项css，填写默认样式css-1无效
更新日期：2018-01-16 00:00:00
更新内容：优化初始化插件参数 isResetPage: true，当该参数设为true时，那么在ajax响应成功时必须调用
1 | $("#pagination").whjPaging("setPage", 当前页码, 总页数); |
如果ajax未响应之前，那么分页显示保持不变。
提问者：为什么这么设计？
回答：这样设计保证了分页显示和数据展示保持一致。
特殊情况：
当参数isResetPage设为true时，假设目前分页显示的是第1页，每页5条，这时候点击下一页两次，第一次点击时，网络刚好断了，第二次点击时，网络刚好连接上，这时回掉函数返回的值是第2页，每页5条，可以理解为，最后一次操作有效，当然，正常交互过程中是不会影响页面的展示。
补充说明：
该插件适合与ajax结合使用，不建议与URL跳转结合使用，初始化插件参数isResetPage，如果是与后台交互，那么建议设置为true，如果只是静态数据的展示，那么建议设置为false。
注意点：
如果插件有设置显示每页N条下拉框，那么获取数据必须是一次获取N条
更新日期：2018-01-12 02:00:00
更新内容：当前页码小于1时，默认为1，
当前页码大于总页数时，默认等于最后一页，
由于调用该方法可能会与其他插件冲突，该方法重新命名，
修改样式文件名称
更新日期：2017-12-27 01:05:00
更新内容：优化及调整css
使用方法：
1.引入样式和脚本
2.调用插件
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 | $("#pagination").whjPaging({ //可选，每页显示条数下拉框，默认下拉框5条/页(默认)、10条/页、15条/页、20条/页 pageSizeOpt: [ {'value': 5, 'text': '5条/页', 'selected': true}, {'value': 10, 'text': '10条/页'}, {'value': 15, 'text': '15条/页'}, {'value': 20, 'text': '20条/页'} ], //可选，css设置，可设置值：css-1，css-2，css-3，css-4，css-5，默认css-1，可自定义样式 css: 'css-1', //可选，总页数 totalPage: 100, //可选，展示页码数量，默认5个页码数量 showPageNum: 5, //可选，首页按钮展示文本，默认显示文本为首页 firstPage: '首页', //可选，上一页按钮展示文本，默认显示文本为上一页 previousPage: '上一页', //可选，下一页按钮展示文本，默认显示文本为下一页 nextPage: '下一页', //可选，尾页按钮展示文本，默认显示文本为尾页 lastPage: '尾页', //可选，跳至展示文本，默认显示文本为跳至 skip: '跳至', //可选，确认按钮展示文本，默认显示文本为确认 confirm: '确认', //可选，刷新按钮展示文本，默认显示文本为刷新 refresh: '刷新', //可选，共{}页展示文本，默认显示文本为共{}页，其中{}会在js具体转化为数字 totalPageText: '共{}页', //可选，是否展示首页与尾页，默认true isShowFL: true, //可选，是否展示每页N条下拉框，默认true isShowPageSizeOpt: true, //可选，是否展示跳到指定页数，默认true isShowSkip: true, //可选，是否展示刷新，默认true isShowRefresh: true, //可选，是否展示共{}页，默认true isShowTotalPage: true, //可选，是否需要重新设置当前页码及总页数，默认false，如果设为true，那么在请求服务器返回数据时，需要调用setPage方法 isResetPage: false, //必选，回掉函数，返回参数：第一个参数为页码，第二个参数为每页显示N条 callBack: function (currPage, pageSize) { console.log('currPage:' + currPage + ' pageSize:' + pageSize); }}); |
3.获取当前页码及总页数
1 2 | // [当前页码, 总页数]$("#pagination").whjPaging("getPage"); |
4.设置当前页码及总页数
1 2 | //参数2: 当前页码, 参数3: 总页数$("#pagination").whjPaging("setPage", 1, 10); |
5.可自定义样式
具体请详细看pagination.css
更新日期：2017-12-27 01:05:00
更新内容：优化及调整css第一个版本
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： 功能强大的jQuery图片查看插件Magnify
- 下一个特效： 凯撒、Playfair、Hill密码