layer组件打开多个弹窗不嵌套

下面先是第一个弹窗


图一.png

然后点击查看故障信息,打开第二个弹窗(效果图)


图二.png

刚开始我用了
layer.open({
        type: 2,
        skin: 'layui-layer-lan',
        title: false,
        fix: false,
        shadeClose: true,
                shade: false,
        closeBtn: 0,
        maxmin: true,
        area: ['848px', '756px'],
        content:url,

    });

会出现如下图这种情况

图三.png

然后我用了在弹出层A(子页面1)打开新弹出层B(子页面2),弹出层A、B在同一DOM层级,即父页面内有多个iframe,子页面2不嵌套在子页面1中;
在弹出层A(子页面1)中封装如下方法,在需要触发打开新弹出层B事件中执行如下方法;

function showFailureDetail(id) {
     parent.layer.open({
                type: 2,
                title: false,
                closeBtn: false,
                shadeClose: false,
                shade: 0.6,
                border: [0],
                area: ['848px', '756px'],
                content:url,
           })
}   

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,530评论 25 709
  • 近来我总也心神不宁,睡得晚,早晨却要被闹钟绑架着早起,尽管百般不情愿,诚然反抗不得。 闹钟为刀俎,我为鱼肉,不知道...
    是奶油小姐阿阅读 820评论 0 1
  • 晚上我在卫生间洗漱,听见皮皮在外面急切地说,我要尿尿,然后推门就进来了,我对皮皮说,你现在已经五岁了,如果想尿尿就...
    张小皮的妈咪阅读 399评论 0 0
  • 哈哈哈哈哈哈我实在忍不住的要笑了,这脸扭曲到一定境界了…… 昨天又听了一个视频,里面的老师讲的太深奥了完全听不懂,...
    小东爱磕糖阅读 221评论 0 0