iframe框架里的layui弹出层 怎么在父页面显示？

Question

父页面：

<div class="disease-box">
    <iframe src="page/disease.aspx" id="iframe3" frameborder="0" width="100%" height="100%"></iframe>
</div>

iframe：

<div class="condition-btn-box">
    <a href="javascript:void(0)" class="search-btn" onclick="butnSel()">查询</a>
</div>
<table class="layui-hide" id="demo" lay-filter="test"></table>
<div class="disease-detail-box"></div>
//disease-detail-box内容后台拼出来的
<script type="text/javascript">
    $(function () {
        butnSel();
    });
    function butnSel() {
        layui.use('table', function () {
            var table = layui.table;
            table.render({
                elem: '#demo'
                , method: 'post'
                , url: "../Hand/HandlerAdmin.ashx/searchDiseaseData"
                , where: {}
                , page: true //开启分页
                , cols: [[
                    { field: 'R', title: '序号', width: 80, align: 'center', sort: true }
                ]]
            });
            //监听行单击事件（双击事件为：rowDouble）
            table.on('rowDouble(test)', function (obj) {
                var data = obj.data;
                $.ajax({
                    type: "post",
                    data: { "id": data.ID },
                    url: "../Hand/HandlerAdmin.ashx/DiseaseInfo",
                    success: function (data) {
                        $(".disease-detail-box").html(data);
                        layer.open({
                            type: 1,
                            title: '病害详情',
                            area: ['1000px', '500px'],
                            moveOut:true,
                            content: $('.disease-detail-box') 
                        });
                    }
                });
            });
        })
    }
</script>

代码差不多是这样。
问题是双击事件弹出的div(disease-detail-box)怎么显示在父页面显示？

Answer 1

弹出层的div定义在父页面，子页面触发事件时，调用父页面的方法，触发弹出层