学习日记--page翻页

使用layui插件

  <!-- 引入 -->
  <link rel="stylesheet" href="/statics/layui/css/layui.css">
  <script src="/statics/layui/layui.js"></script>

<!-- 翻页 -->
  <div class="pages_box">
    <div id="pages"></div>
  </div>

// js部分
    layui.use(['laypage', 'layer'], function(){
        var laypage = layui.laypage,layer = layui.layer;
        //执行一个laypage实例
        laypage({
            cont: 'pages'
            ,pages: 100
            ,first: 1
            ,last: 100
            ,curr:5 // 当前页
            ,prev: '<em><</em>'
            ,next: '<em>></em>',
            jump: function(obj, first){
                //得到了当前页，用于向服务端请求对应数据
                var curr = obj.curr;
                console.log(curr);
            }
        });
    });