如何使layer多层弹框,最后的窗口叠加在开始的上面?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使layer多层弹框,最后的窗口叠加在开始的上面?相关的知识,希望对你有一定的参考价值。
加了zIndex后,第一次效果对了,但是如果第一个窗口不关闭,那么以后点击按钮时,他就会被第一个窗口挡住
你看一下layer的官方演示里边就有在iframe中关闭自身的例子 在你上面的“页面”中,在你提交表单后执行 var index = parent.layer.getFrameIndex(window.name); //获取当前窗体索引$('#提交的元素').on('click', function() parent.layer.close(i... 参考技术A 前面加toptop.layer(
type: 2,
title: 'xxx',
closeBtn: 1,
content: iframe,
area: ["xxpx", "xxpx"],
maxmin: true,
shade: 0.5,
btn: ['选择', '取消'],
btnAlign: 'c',
btn1: function (index, layero)
top.layer.close(index);
, btn2: function (index, layero)
top.layer.close(index);
);
layui layer弹框中表格的显示
场景描述:点击iframe里面的一个按钮,需要在父级弹出一个弹框表格。
问题描述:这个弹框的分页不能正常显示,如果把layer.open前面的parent去掉,就可以正常显示。
代码展示:
parent.layer.open({ type: 0, id: ‘Layer‘, title: ‘标题‘, area: [‘740px‘, ‘500px‘], shade: 0, anim: -1, content: ‘<div class="table"></div>‘, success: function(layero, index) { var colsList = [ [ { field: ‘title‘, title: ‘标题‘ }, { field: ‘content‘, title: ‘内容‘ } ] ]; var Datas = []; for(var i = 0; i < 40; i++) { Datas.push({ title: ‘标题‘ + i, content: ‘内容‘ + i, }); } console.log(Datas); table.render({ elem: layero.find(‘.table‘), id: ‘Message‘, data: Datas, cols: colsList, limit: 8, page: true, }); } });
代码效果展示:
期望效果展示:
猜测1:找不到生成分页的dom结构
解决办法:???
以上是关于如何使layer多层弹框,最后的窗口叠加在开始的上面?的主要内容,如果未能解决你的问题,请参考以下文章