本文的例子分享了laypage.js分页插件的用法，供大家参考。具体内容如下

1.引用依赖

a.layui.js

b.layui.css

c.laypage.js

2.HTML代码部分

div id=' page-nav ' style=' float : right '/div 3，js代码部分

Script $(function(){ //加载菜单列表数据menuPageData()；});函数menuPageData() {//下面将以jquery.ajax为例，演示一个异步分页$。getjson('././menu/page/1 '，{ row : 10//每页显示的数据数}，以及函数(RES){//来自第1页的请求。返回的json格式可以任意定义laypage ({cont:' page-nav '，//container。该值支持id名称、原生dom对象和jquery对象。[如果容器为]:div id=' page 1 '/div page 3360 RES . page count，//通过后台curr33601获取的总页数，//初始化当前页面skin3360' # 5a98de '，//皮肤颜色组： 5，//连续显示的页数skip: true，//是否打开跳过页数：res.total，//总数据限制： 10，//显示的页数。Laypage将计算页数，极限：[10，20，30，40，50]，//借助计数和极限。如果在布局参数中打开了限制，将首先出现选择框first: '第一页'。//如果没有显示，设置false为last: '最后一页'。//如果没有显示，设置false为prev: '上一页'。//如果没有显示，设置false为next: '下一页'。//如果不显示，设置false跳转：函数(e) {//触发回调$。分页后的getjson('././menu/page/'e.curr，{ rows : 10//每页显示的数据数量}。var数据=res.rows$('#total-text ')。html(RES . total)；/*解析表分页数据*/分析师数据(data)；});} });});} /script4，渲染

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。