二十九、layui分页插件的使用
<div id="page1"></div> <script> //开启分页 var page = 1; function findstoreList(){ var pageNum = page; data:{ pageNum:pageNum } $.ajax({ type:"get", url:"", async:true, data:data }); } layui.use(['laypage', 'layer'], function() { var laypage = layui.laypage, layer = layui.layer; var pages = data.pages; //调用分页 laypage({ cont: 'page1', //容器。值支持id名、原生dom对象,jquery对象。【如该容器为】:<div id="page1"></div> pages: pages, //总页数 curr: function() { //通过url获取当前页,也可以同上(pages)方式获取 var curPageNum = currentPage; //location.search.match(/curPageNum=(\d+)/); return curPageNum; }(), groups: 5, //连续显示分页数 skip: false, //是否开启跳页 skin: '#AF0000', jump: function(obj, first) { //点击页码出发的事件 if(first != true) { //是否首次进入页面 var currentPage = obj.curr; //获取点击的页码 page = currentPage; //点击下一页或其他页码重新请求一次,将参数(当前页码)带过去即可 findstoreList(); } } }); }); } }); </script>