父页面:
<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)怎么显示在父页面显示?