ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
#### 默认简易分页 ![](https://box.kancloud.cn/0071d247b325bd784a97ea12b8b83710_672x88.png) 代码示例: `HTML` ``` <div class="win-page win-page1 win-page-sm win-inline"> </div> <div class="win-page win-page2 win-inline"> </div> <div class="win-page win-page3 win-page-lg win-inline"> </div> ``` `Javascript` ``` $('.win-page1').pagination({ mode: 'fixed', pageCount:5 }); $('.win-page2').pagination({ mode: 'fixed', pageCount:5 }); $('.win-page3').pagination({ mode: 'fixed', pageCount:5 }); ``` ***** #### 扩展分页带文字 ![](https://box.kancloud.cn/6fdc1dcaf5009bd6ae2312d548fd54f5_438x83.png) 代码示例: `HTML` ``` <div class="win-page win-page4 win-inline"> </div> <span class="win-page-count">共10页</span> ``` `Javascript` ``` $('.win-page4').pagination({ mode: 'fixed', pageCount:10 }); ``` ***** #### 扩展分页带页面跳转 ![](https://box.kancloud.cn/7a394a5a2ebcb21261fef9e40fbceb05_652x83.png) 代码示例: `HTML` ``` <div class="win-page win-page5 win-inline"> </div> <span class="win-page-count">共30页</span> ``` `Javascript` ``` $('.win-page5').pagination({ keepShowPN:true, prevContent: '<i class="win-icon win-icon-prev"></i>上一页', nextContent: '下一页<i class="win-icon win-icon-next"></i>', totalData: 150, showData: 5, coping: true, jump: true, callback: function (api) { console.log(api.getCurrent()) } }); ```