laypage · 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',function () { var laypage = layui.laypage; var data = [ '北京', '上海', '廣州', '深圳', '杭州', '長沙', '合肥', '寧夏', '成都', '西安', '南昌', '上饒', '沈陽', '濟南', '廈門', '福州', '九江', '宜春', '贛州', '寧波', '紹興', '無錫', '蘇州', '徐州', '東莞', '佛山', '中山', '成都', '武漢', '青島', '天津', '重慶', '南京', '九江', '香港', '澳門', '臺北' ]; //調用分頁 laypage.render({ elem: 'demo' ,count: data.length ,jump: function(obj){ console.log(obj); //模擬渲染 document.getElementById('list').innerHTML = function(){ var arr = [] ,thisData = data.concat().splice(obj.curr*obj.limit - obj.limit, obj.limit); layui.each(thisData, function(index, item){ arr.push('<li>'+ item +'</li>'); }); return arr.join(''); }(); } }); }); </script> </body> </html> ```