子页面调用父页面的easyui dialog，怎么让其在子页面弹出，而不是在父页面弹出
子页面调用父页面的easyui dialog，如何让其在子页面弹出，而不是在父页面弹出。
详细信息：
父页面如下：
<html>
<body>
<input type="button" onclick="javascript:open('child.html')">
<div id="dlg" class="easyui-dialog">
<table>
//此处为弹框的具体内容。。。。。。
</table>
</div>
</body>
<script>
function go_dlg(){
$("#dlg").dialog("open");
}
</script>
</html>
正常情况下，父页面js中，$("#dlg").dialog("open")可以弹出该框。
我点击button，打开了子页面child.html。在子页面的js中，我想调用父页面的弹框：window.parent.go_dlg().但是，此弹框会在父页面弹出，而子页面遮住了父页面。我想要弹框在子页面上弹出。请问高手们，有没有好方法啊？？
------解决思路----------------------
理论上可行
把父页面弹出的窗体这个DOM元素，append到子页面来
但是，这并不是一个好办法，我建议你在子页面调用dialog，而不要做这种无用功，技术成果是建立在应用基础之上的，如果觉得当前的设计存在这种非常规问题的时候，应该考虑重新设计，而不是技术实现
------解决思路----------------------
用子页面window对象调用dialog
<input type="button" onclick="javascript:var child=open('child.html')">
<script>
function go_dlg(){
$('#dlg').appendTo($(child.document.body));
child.$('#dlg').dialog('open');
}
</script>
子页面也需引入jquery文件，试试吧
详细信息：
父页面如下：
<html>
<body>
<input type="button" onclick="javascript:open('child.html')">
<div id="dlg" class="easyui-dialog">
<table>
//此处为弹框的具体内容。。。。。。
</table>
</div>
</body>
<script>
function go_dlg(){
$("#dlg").dialog("open");
}
</script>
</html>
正常情况下，父页面js中，$("#dlg").dialog("open")可以弹出该框。
我点击button，打开了子页面child.html。在子页面的js中，我想调用父页面的弹框：window.parent.go_dlg().但是，此弹框会在父页面弹出，而子页面遮住了父页面。我想要弹框在子页面上弹出。请问高手们，有没有好方法啊？？
------解决思路----------------------
理论上可行
把父页面弹出的窗体这个DOM元素，append到子页面来
但是，这并不是一个好办法，我建议你在子页面调用dialog，而不要做这种无用功，技术成果是建立在应用基础之上的，如果觉得当前的设计存在这种非常规问题的时候，应该考虑重新设计，而不是技术实现
------解决思路----------------------
用子页面window对象调用dialog
<input type="button" onclick="javascript:var child=open('child.html')">
<script>
function go_dlg(){
$('#dlg').appendTo($(child.document.body));
child.$('#dlg').dialog('open');
}
</script>
子页面也需引入jquery文件，试试吧