layer.load()不弹出是什么原因?

提问 已结 14 285
clemert
clemert 6天前
悬赏:20飞吻
版本:layui 2.4.5 浏览器:谷歌
想要的效果是点击事件触发后弹出 layer.load(),请求post发送,拿到返回值后load关闭,然后弹出layer.open()。但现在的实际情况是 layer.load()只在layer.open()弹出前瞬间出现然后就结束,没有达到正在加载的效果,那位大神帮我看看呀,难道是我方法用错了么?急。。。谢谢啦!
    layui.use('layer', function () { //独立版的layer无需执行这一句
var $ = layui.$
, layer = layui.layer; //独立版的layer无需执行这一句

$(document).on("click", "#layerDemo .layui-btn", function () {
var code = $(this).attr("value"), text = $(this).text();

//loading层
var loadingIndex = layer.load(2, { //icon支持传入0-2
shade: [0.5, 'gray'], //0.5透明度的灰色背景
});

if (code === 'Afll' || code === 'Bfll' || code === 'Cfll') {

$.ajaxSettings.async = false;
$.post(url, {code: code}, function (result) {
console.log(result);
if (result.msg == "0") {
text = "指令错误!";
} else if (result.msg == "1") {
text = "网络连接失败!";
} else {
text = result.msg;
}
});

layer.close(loadingIndex);
}

layer.open({
type: 1
, offset: 'auto' //具体配置参考:http://www.layui.com/doc/modules/layer.html#offset
//,id: 'layerDemo' //防止重复弹出
, content: '<div style="padding: 20px 100px;">' + text + '</div>'
, btn: '我知道了'
, btnAlign: 'c' //按钮居中
, shade: 0 //不显示遮罩
, yes: function () {
layer.closeAll();
}
});
});

});
回帖