资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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://cdkjz.cn/article/cjdpij.html

多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220