layui弹出层layer.msg()一闪而过

遮盖层不出现问题:

一:可能是按钮的类型是submit,改为button就行。

二:可能是执行完Ajax后得再加一个return false;

三:Ajax设为同步

Ajax设为同步上面的弹出层代码不显示:

原因:

js执行弹出提示层到页面显示"开始处理..."是2个动作,一个是js执行,一个是浏览器渲染,中间有个时间差,js执行完提示层后,页面上还没来得及显示"开始处理..."时,js就执行到了ajax部分,而ajax同步会导致锁定浏览器,表现为页面内容不会更改;当ajax执行回调函数时,对xxx内容进行二次赋新值,所以在"开始处理..."还未显示时,由于此时xxx已经更新为新值,页面之后直接显示为新值;

解决:

设置1个定时器,在弹出提示层后延迟100ms再执行ajax;即:

wait = layer.msg('开始处理...',{icon:16,time:false,shade:0.3})

setTimeout(function(){

 $.ajax(...async:false,...);//ajax同步

},100);

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值