jquery - jquery 在另一个 div 上加载一个 div 并关闭它

Question

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

问题是，我想在内容 div 的“顶部”加载页面，我基本上想获取内容 div 的尺寸，因为它的长度可能会因您所在的页面而异，并plonk另一个页面来替换这个页面。

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

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

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

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

Answer 1

要获取内容 div 的尺寸 -

宽度 = contentdiv.width(); 高度 = contentdiv.height():

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

也许您正在寻找类似 Jquery 的 fancybox 插件之类的东西？时不时用过，挺好用的。

Answer 2

嗨@JK36，我知道您正在寻找灯箱或模式窗口。这里有一个很棒的清单。好吧，示例#5 中的JQModal你可以获得多模式，而 1010 有另一个很好的实现。

干杯!

Answer 3

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

使用它来关闭覆盖：

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

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