当前位置:首页 > layui > 关键词 > loading > 正文

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

layer.load常见问题汇总
<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://zhimatong.com/jiaocheng/517.html

点赞 0
QQ在线咨询