在iframe中使bootstrap的模态框在父页面弹出问题
💡
原文中文，约2400字，阅读约需6分钟。
📝
内容提要
使用iframe时，子页面中的bootstrap模态框位置和遮罩层不正确。解决方法是将模态框单独写为一个页面，在父页面中引用，并通过调用父页面的方法来弹出模态框。这样可以解决子页面中模态框无法覆盖整个页面的问题。
🎯
关键要点
- 在使用iframe时，子页面中的bootstrap模态框位置和遮罩层不正确。
- 解决方法是将模态框单独写为一个页面，在父页面中引用。
- 通过调用父页面的方法来弹出模态框，可以解决模态框无法覆盖整个页面的问题。
- 需要弹出的div单独写一个页面，子页面通过父页面弹出该div。
- 修改主页面以包含子页面，并将弹出模态框的方法封装至modalOut(url)方法中。
- 子页面通过调用父页面的modalOut(url)方法来弹出模态框。
- 确保html中加载了bootstrap相关的js以正常使用模态框。
➡️
