小项目pagination分页插件的使用

1.首先需要引入pagination(模块化引用)
小项目pagination分页插件的使用
小项目pagination分页插件的使用
2.写入HTML

3.固定格式
$("#pagination1").pagination({
currentPage: 1,// 当前页数
totalPage: this.totalPage,// 总页数
isShow: true,// 是否显示首尾页
count: 4,// 显示个数
homePageText: “首页”,// 首页文本
endPageText: “尾页”,// 尾页文本
prevPageText: “上一页”,// 上一页文本
nextPageText: “下一页”,// 下一页文本
callback: function (current) {}
callback是回调函数。其中current是当前页数的数字,可以console看看。
然后在回调函数里就可以写想要分页的代码。
比如我想要八个商品一页,每个数据都有自己ID可以和current对应上。小项目pagination分页插件的使用
4.结果展示
小项目pagination分页插件的使用