Layui的显示加载层和关闭加载层

本文介绍了如何在Layui中使用加载层,包括不同风格的加载效果和自定义等待时间。同时,展示了如何根据项目需求关闭加载层,以应对接口响应时间过长的情况。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

var logif = layer.load();
var logif = layer.load(1);//换风格
var logif = layer.load(2,{time:10*1000});//换种风格,并且等待时间为10秒

layer.close(logif);//关闭加载层
项目中调取接口时,如果等待时间过长,则需要设置

$(function () {
    var loadIndex = '';
    $.myAjax ({
        url: url,
        type: "GET",
        headers: {'Content-Type': 'application/json'},
        beforeSend: function () {
            loadIndex = layer.load(1, {
                shade: [0.1, '#fff']
            });
        },
        complete: function () {
            layer.close(loadIndex);
        },
        success: function (res) {},
        error: function (e) {}
    });
});
function ser_on(){
    var index = layer.load(1, {
            shade: [0.1,'#fff'] //0.1透明度的白色背景
        });
     TB.reload({
        ...
        done: function (res) {
                //可二选一
                layer.close(layer.index);//关闭最后一个加载层
                layer.close(index);//关闭指定加载层
            },
        ...
    })
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值