html中配置了layui没效果,拼接html不显示layui进度条解决方法

博客讲述了在html拼接中使用layui的flow.load进行流加载时,进度条无法显示的问题及两种解决方案:1. 拼接完成后调用`element.init()`初始化;2. 直接在拼接的html中添加进度条宽度属性以使其显示。
摘要由CSDN通过智能技术生成

最新有个新需求,要异步拼接html并渲染数据,并且我这边是用layui的flow.load(流加载)渲染多个进度条。按官网给出的 element.progress('demo', n+'%'); 就是回显不出来。

914cc0dfc0dcf6b976a647cb941c18cf.png

0aec3f4a791edc50f6a8fc7c85a97320.png

两种解决方法

一。html拼接完之后加上 element.init();

1.代码如下:

layui.use(['element', 'flow'], function () {

var element = layui.element,

flow = layui.flow

;

flow.load({

elem: tabId

, isAuto: true

, isLazyimg: true

, done: function (page, next) {

var initDataList = [];

//这里是调用后台接口返回数据代码

var itemHtml = "";

itemHtml +

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值