Question

我有一个包含多个div的页面。我有一个容器div，然后是内容的div和右边的div和菜单。

问题是，我有一个页面，我想加载内容div的'顶部'，我基本上想要得到内容div的尺寸，因为它的长度可能会有所不同取决于你的页面打开，并在另一页上替换此页面。

我还希望能够关闭“新”窗口，以便显示旧内容，就像调用新窗口之前一样。

看看JQuery文档，我是否正确地假设我必须使用prepend命令？不确定，但我想我还需要一个类似下面的关闭功能？

$('.close').click(function (e) {
            //Cancel the link behavior
            e.preventDefault();

            $('#my_new_page').hide();
        });

Answer 1

获取内容div的尺寸 -

width = contentdiv.width（）; height = contentdiv.height（）：

然后，您可以使用CSS z-index在内容div的顶部覆盖div。

也许你正在寻找像Jquery的fancybox插件这样的东西？我不时使用它，它非常有用。

Answer 2

嗨@ JK36，我知道你正在寻找一个灯箱或模态窗口。一个很棒的清单here。好的JQModal在示例＃5中你可以得到多个模态而1010有另一个great implementation。

干杯！

Answer 3

我使用这样的东西来制作叠加层： http://jsfiddle.net/ULmdH/1/

使用它来关闭叠加层：

$('.close').click(function (e) {
    //Cancel the link behavior
    e.preventDefault();

    $('.new_content').hide();
    //or
    $('.new_content').remove();
});

jquery在另一个div的顶部加载一个div并关闭它

3 个答案: