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

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

昨天Layer插件弹出层关闭问题困扰了我，几行代码轻松解决。我将2分钟内搞定。

场景：在页面中使用layer.open弹出微信支付二维码层。

javascriptlayer.open({ type: 1, content: '', success: function(layero, index){ var qrCode=document.createElement('img'); qrCode.src='path/to/your/wechat/qrCode.png'; document.getElementById('wechatPayQrCode').appendChild(qrCode); }});

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