layui嵌套弹出层

最新推荐文章于 2024-08-23 17:45:10 发布

sunlizhen

最新推荐文章于 2024-08-23 17:45:10 发布

阅读量4.8k

点赞数

分类专栏：前端框架、插件

本文链接：https://blog.csdn.net/sunlizhen/article/details/86714158

版权

本文详细介绍了 layui 框架如何实现嵌套的弹出层功能，通过实例代码展示了如何在一个弹窗中打开另一个弹窗，以及在子弹窗中进行操作后关闭和更新父弹窗内容的方法。

摘要由CSDN通过智能技术生成

<button data-method="setTop" data-type="auto" class="layui-btn layui-btn-normal proMent">属性管理</button> 被点击的按钮

var active = {
    setTop: function(){
        var that = this;
        //多窗口模式，层叠置顶
        layer.open({
            type: 1, //此处以iframe举例
            title: '管理属性',
            area: ['400px', '260px'],
            shade: 0,
            offset: [ //为了演示，随机坐标
                $(window).height()-$(window).height()/2-400,
                $(window).width()-$(window).width()/2-200
            ] ,
            content: $("#firstLayer").html(),
            btn: ['新增属性', '确定'], //只是为了演示
            yes: function(){
                //弹出新增属性弹框开始
                parent.layer.open({
                    title: '新增属性',
                    shade: 0,
                    area: ['400px', '200px'],
                    offset: [ //为了演示ÿ