layui的loading怎么结束，一直加载，无效等常见问题总结

<script>
    layui.use(['form', 'layer'], function () {
        var form = layui.form, layer = layui.layer, $= layui.jquery;
        form.on('submit(submit)', function (data) {
            var loading = layer.load(1, {shade: [0.1, '#fff']});//在post之前定义loading
            $.post("", data.field, function (res) {
                layer.close(loading);//post执行之后关闭loading
                if (res.code > 0) {
                    layer.msg(res.msg, {time: 1800, icon: 1}, function () {
                        location.href = res.url;
                    });
                } else {
                    layer.msg(res.msg, {time: 1800, icon: 2});
                }
            });
        });
    });
</script>

如何结束layui的loading

layer.load默认是不会自动关闭,需要在ajax回调之后使用layer.close(loading)或者layer.closeAll('loading');来关闭加载层

layer.load无效原因分析

1.页面需要引入layer

layer = layui.layer

2.未定义layer.load

在ajax之前先定义loading(也可以根据自己需要定义，官方定义的为index)

var loading = layer.load(1, {shade: [0.1, '#fff'],time: 10*1000});//在post之前定义loading

元素说明：

• 1为图标样式，支持0-2，默认为0；
• shade为透明度，可自定义背景色；
• time设定最长等待10秒;

本文属原创，转载请注明原文：https://www.zhimatong.com/jiaocheng/517.html

为保证教程的实用性及扩大知识面覆盖，如果您有相似问题而未解决，可联系在线客服免费技术支持。