layui多层弹窗的实现

1.先引入layui的样式和JS

<link href="layui.css" rel="stylesheet" /

<script src="layui.js"></script>

2.定义父级弹窗

<script type="text/javascript">

layui.use('table',function(){

        var layer=layui.layer,

                $=layui.$;

        layer.open({

                type:2,                               //弹窗样式

                title:"父级弹窗",                //弹窗名字

                content:' '                         //新页面的地址

                end:function(){}               //操作成功后的执行步骤

        })

})；

</script>

3. 定义子级弹窗

<script type="text/javascript">

layui.use('table',function(){

        var layer=layui.layer,

                $=layui.$;

        parent.layer.open({

                type:2,                               //弹窗样式

                title:"子级弹窗",                //弹窗名字

                content:' '                         //新页面的地址

                end:function(){}               //操作成功后的执行步骤

        })

})；

</script>