若依框架获取弹窗按钮&关闭弹窗刷新父页面

若依关闭弹窗刷新父页面

2021/11/1 周一

本人菜鸟一枚，刚刚开始进行基于若依的二次开发不久，如果有错误或者更好的实现方法，欢迎在评论区交流，十分感谢！

---

先说结论：获取子页面弹窗按钮的代码要写在父页面。

过程：

1. 页面结构：

父页面是issuing.html “发卡详情”，用 $.modal.open() 方法 弹出的volumeActivation.html “批量激活” 子页面，这个子页面在进行ajax之后还会弹出更里层的 “系统提示” 页面：

2. 需求：

关闭子页面弹窗时刷新父页面。

3. 按钮：

获取到了子页面的 “关闭” 按钮的类名是 layui-layer-btn1 ：

同时还发现“确定”按钮和系统提示的“确认”按钮都是 layui-layer-btn0 ：

4. 方法：

在子页面volumeActivation.html的JS里，写了btn1的点击方法，却触发不了

而如果改成btn0，点击系统提示弹窗的“确认”后，父页面就会刷新。

还在子页面的JS里各种位置都试了，就是捕捉不到子页面的这两个按钮，即使不弹系统提示页面，也不行。

最后把方法放在父页面issuing.html里，终于成功了！

目前这种解决方法，只有点击“关闭”按钮才会刷新，如果点击右上角叉叉就没用。

另外，还想过直接捕捉这个子页面的关闭动作，但是没有试出来。