如何让layer.msg在嵌套的iframe中实现完美居中显示？

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

在iframe中，如果使用layer.alert+只显示当前页面，如何让弹框在整个页面中显示而非仅限于iframe内？

可以使用parent.parent.layer.alert('请输入预约人')；

这样就可以在主页面中弹出layer弹框，而不需要在iframe中调用。

如果使用layer的配置项，可以设置为：

layer.open({ type: 1, shadeClose: true, area: ['100%', '100%'], // 全屏显示 content: '请输入预约人'});

这样设置后，弹框会以全屏方式显示在整个页面中，而非仅限于iframe内部。

在ifram中layer.alert 只展示当前页面

如何让弹框在整个页面中展示 而不是在ifram中

parent.parent.layer.alert('请输入预约人');

本以为这样就可以 在主页面中还需要引入layer

<!--如果使用的是layui layui版本光引入layui.js还不够，还要在引入的文件后加下面代码才 layui.use(['layer'], function(){ var layer=layui.layer; }); -->

否则总是提示parent.layer.open()总是提示TypeError: parent.layer is undefined

成功！

以上这篇解决layer.msg 不居中 ifram中的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。