在前端开发中,经常会用到分页的功能,而使用jquery无刷新分页插件可以实现更好的用户体验。下面介绍一款较为常用的jquery分页插件。
首先,在html页面中引入jquery和插件文件:
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="js/jquery.page.js"></script>
然后,可以通过以下代码进行分页的初始化和事件绑定:
$('#page').page({
totalPages: 10, //总页数
visiblePages: 6, //显示的页码数
onPageClick: function (event, page) { //点击每页执行的方法
//发送ajax请求,传递参数page
}
});
其中,参数totalPages是必填的,表示总页数;参数visiblePages表示显示的页码数,如果不填则默认为7;onPageClick是点击每页的执行方法,可根据需要进行自定义。
最后,在页面中需要展示分页的位置加上id为“page”的div标签即可。
以上就是一款简单的jquery无刷新分页插件的使用方法,如需更多控制和自定义,可以参考插件的官方文档。