如何从内页关闭容器 <div>？答案

【问题标题】：How to close the container <div> from the inner page?如何从内页关闭容器 <div>？
【发布时间】：2012-08-21 05:21:25
【问题描述】：

我有以下结构：

我的页面在这样的框架中打开：

<div id="ajaxbox" class="dhtmlwindow" style="z-index: 101; width: 73%; visibility: visible; display: block;">
<div class="drag-handle" style="opacity: 1;">
Title
<div class="drag-controls">
</div>
<div class="drag-contentarea" style="height: 715px; overflow: hidden; display: block;">
<iframe name="_iframe-ajaxbox" style="margin:0; padding:0; width:100%; height: 100%" src="">
//My Page opened here
</iframe>
....

现在我想从我页面中的linkbutton 关闭容器 (div id="ajaxbox")

如何做到这一点？

【问题讨论】：

为什么 div 还没有被开始写它的人关闭？
hmmm ，我想在linkbutton click 并在采取一些行动后自动关闭这个div

标签： c# asp.net ajax html iframe

【解决方案1】：

编写一个 javascript 函数来关闭父页面中的 div。

jQuery 示例：

function CloseDiv()
{
    $("#ajaxbox").hide();
}

在您的链接按钮上调用客户端脚本：

<asp:linkbutton id="LinkButton1"
       text="Close Me"
       onclientclick="parent.CloseDiv()"
       runat="Server" />

【讨论】：

嗯，谢谢，但它不起作用。我想关闭子页面中的父容器而不是父容器！
父容器的id是多少？为什么你不能隐藏它？
id 上面的问题来自firebug
是的，但是页面内容中有一个iframe
如果隐藏 div，其中的 iframe 以及该框架中的页面内容也会被隐藏。