Question

任何人都可以告诉我如何在点击拥有iFrame的Div时最大化iFrame？比如说我有3个div，在单个页面上有3个不同的iFrame现在，如果有人点击第1个div我想最大化Div到浏览器的整个页面显示该div的内容。此外，我将在顶部显示一个关闭选项，单击该选项将关闭全屏并返回原始状态。我可以用jQuery做到这一点吗？或任何其他JavaScript库??

请帮帮我。

由于 Pranay

Answer 1

$("div.iframewrapper").click(function() {
    $(this).addClass("maximized");
});

div.maximized { position:fixed; top:0; left:0; width:100%; height:100%; }
div.maximized iframe { width:100%; height:100%; border:0 none; }

如果页面上有其他定位内容，您可能还需要设置z-index。

工作演示： http://jsfiddle.net/6SvsX/2

如何在点击时使用jQuery最大化iFrame

1 个答案: