laypage-jquery · LayUI的學習

``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="../layui/css/layui.css"/> </head> <body> <div id="list"></div> <div id="demo"></div> <script src="../layui/layui.js"></script> <script> layui.use(['laypage','jquery'],function () { var laypage = layui.laypage $ = layui.jquery; var data = [ '北京', '上海', '廣州', '深圳', '杭州', '長沙', '合肥', '寧夏', '成都', '西安', '南昌', '上饒', '沈陽', '濟南', '廈門', '福州', '九江', '宜春', '贛州', '寧波', '紹興', '無錫', '蘇州', '徐州', '東莞', '佛山', '中山', '成都', '武漢', '青島', '天津', '重慶', '南京', '九江', '香港', '澳門', '臺北' ]; //調用分頁 laypage.render({ elem: 'demo' ,count: data.length ,jump: function(obj){ //模擬渲染,用jquery實現 $("#list").html(function () { var arr = [] ,thisData = data.concat().splice(obj.curr*obj.limit - obj.limit, obj.limit); $.each(thisData,function (index,item) { arr.push('<li>'+ item +'</li>'); }) return arr.join(''); }) } }); }); </script> </body> </html> ```