layui.laypage怎么用

layui.laypage的使用方法:首先下载layui.laypage插件;然后通过“$('.layui-laypage .layui-laypage-curr em').css('background','')”方式使用模块即可。

创新互联服务项目包括肃南裕固族自治网站建设、肃南裕固族自治网站制作、肃南裕固族自治网页制作以及肃南裕固族自治网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,肃南裕固族自治网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到肃南裕固族自治省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

推荐:《layUI教程》

参考 layui.laypage 官方文档 https://www.layui.com/demo/laypage.html

第一步下载插件 (注意不能只引入引入 layui.css和layui.js ,官方已经做了自动化构建,要把这个解压之后的文件放入项目根路径,文件的路径一定不能错!)

正确路径为

./layui/css/layui.css./layui/layui.js

第二步就是模块的使用

//分页    function cutPage(pagesCount){
        layui.use(['laypage', 'layer'], function(){              var laypage = layui.laypage,
              layer = layui.layer;              //总页数大于页码总数              laypage.render({
                elem: 'cutPage',//分页容器 ,html代码为 

count:pagesCount ,//数据总数,数据总数后台会在第一次页面加载的时候返回给你 limit:5, //每页展示的数据条数 jump: function(obj){ //jump主要是包含要执行的函数 console.log(obj.curr) //分页器的页码,作为请求参数 $('.layui-laypage .layui-laypage-curr em').css('background','#009688') cutAdvertList(obj.curr) //这个是数据请求接口的函数封装 } }) }) }
list=( i=;i

在这里有一个坑就是,理所当然的用了页面加载进来请求数据的接口,虽然代码是一样,但是跑起来会无限循环,所以要重新封装一下数据请求函数
名称栏目:layui.laypage怎么用
转载来于:http://azwzsj.com/article/cjdpij.html