jquery.page是一个用于分页的jQuery插件。它可以方便地设置分页的样式和页码,并实现快速的跳转。下面我们来看一下该插件的使用方法:
//引入jquery库和jquery.page插件 <script src="jquery.min.js"></script> <script src="jquery.page.js"></script> //使用jquery.page插件设置分页 var totalPage = 10;//总页数 $('#page').page({ total: totalPage, //总页数 current: 1, //当前页码 prevCls: 'prev', //上一页样式 nextCls: 'next', //下一页样式 activeCls: 'active', //当前页码样式 prevContent: '上一页', //上一页文字 nextContent: '下一页', //下一页文字 ellipseText: '...', //省略号文字 jump: function (page) { //点击页码时的回调函数 console.log("跳转到第" + page + "页"); } });
其中,使用jquery.page插件时需要传递一个包含分页信息的配置对象。这里我们设置总页数为10,当前页码为1,上一页样式为“prev”,下一页样式为“next”,当前页码样式为“active”,上一页和下一页文字分别为“上一页”和“下一页”,省略号文字为“...”,当点击页码时触发的回调函数可以用来实现跳转到对应的分页。
通过以上代码,我们可以方便地使用jquery.page插件实现分页功能,为网站增添更多的交互性和便利性。