layui问题:layer.msg方法提示消息一闪而过问题

本文介绍了一种在Ajax请求成功后,利用Layer.js显示消息并优雅地关闭当前页面的方法。通过在layer.msg中添加end回调函数,可以确保消息框显示结束后再执行页面关闭操作,避免了直接关闭页面导致用户体验不佳的问题。

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

代码:

if (response.status == '1'){
                    layer.msg("Request Succeeded!",{icon:1,time:3000});
                    var index = parent.layer.getFrameIndex(window.name);
                    parent.layer.close(index);
                }

问题:ajax请求成功,然后弹个窗提示,时间3秒,然后关闭页面(不是关闭layer.msg的弹窗),返回上一页面,但是直接就返回上一页面了,这是怎么回事?

解决方法:layer.msg("Request Succeeded!", {
icon: 1,
time: 3000,
end: function () {
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
}
});

在layer.msg的后面加end方法,如上。

参考:https://fly.layui.com/jie/16553/

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值