如何使用layer插件在弹出层中实现警告提示并自动关闭功能？

本文共计816个文字，预计阅读时间需要4分钟。

昨天layer插件弹出层关闭问题困扰了我，我直接敲了几行代码，用了不到2分钟就解决了。我的使用场景是这样的。在页面中用layer.open弹出一个层，层内是微信支付二维码，客户扫码支付。

昨天layer插件弹出层关闭问题弄的我直挠头，短短几行代码，用了我将近2个钟头才解决。我的使用场景是这样。在页面中用layer.open弹出一个层，在层内是微信支付二维码，客户扫码支付。支付成功后关闭此弹出层，并提示项目投递成功，然后再跳转到其他页面。为了监控微信二维码扫码支付是否成功。我利用了每隔三秒，查询下支付订单，查看支付订单的支付状态是否改变。在实际操作中由于使用的是location.href做跳转，然而跳转执行的非常慢，要10几秒才能成功，这不能忍。只能退而求其次，只是提示投递成功，然后关闭弹出层。由于关闭弹出层，及弹出警告提示的相关代码是在弹出层所在页面执行。

实际代码在执行过程当中遇到了各种问题。

$(function () { setInterval(GetDeliverProjectPayStatusSuccess, 3000); }); function GetDeliverProjectPayStatusSuccess() { $.post("/ajax/GetDeliverProjectPayStatus.ashx", { OrderNo:"<%=Request.QueryString["OrderNo"] %>" }, function (data) { console.info(data); if (data == 1) { parent.layer.closeAll(); layer.alert("项目投递成功"); } }); }

首先尝试的代码如上。先关闭弹出层，然后提示项目投递成功。这尝试的结果是，弹出层被关闭了。却没有任何提示。为什么这样执行，分析的结果是关闭弹出层，意味着弹出页面被关闭。弹出页面被关闭了。在弹出页面存在的layer.alert代码也就无从执行。