jQuery iframe 隐藏/显示答案

【问题标题】：jQuery iframe hide/showjQuery iframe 隐藏/显示
【发布时间】：2012-06-02 05:42:40
【问题描述】：

我正在编写一个网站，现在卡在 jQuery 部分，这不是我最擅长的事情。该站点包含一个顶部菜单导航栏：

<a href="aboutus.html" target="iframe"><img class="tab1" src="#.png"></a>
<a href="menu.html" target="iframe"><img class="tab2" src="#.png"></a>
<a href="gallery.html" target="iframe"><img class="tab3" src="#.png"></a>
<a href="shop.html" target="iframe"><img class="tab5" src="#.png"></a>
<a href="links.html" target="iframe"><img class="tab6" src="#.png"></a>
<a href="contact.html" target="iframe"><img class="tab7" src="#.png"></a>
</div>

页面中间有一个 iframe，它在导航点击时加载新的 html。加载索引页面时，在导航单击之前不应看到 iframe。所以我得到了：iframe {display:none;} in css。

所以，我需要 jQuery 编码方面的帮助才能在导航点击时显示 iframe。还具有使 iframe 再次隐藏的效果。

一切顺利。

【问题讨论】：

什么都没有——问题是我不知道如何处理它。我猜它只是一个简单的显示/隐藏 onclick？，因为 href 加载了 html 内容？

标签： jquery iframe hide show

【解决方案1】：

假设<iframe> 有一个id 或contentIframe，您可以执行以下操作：

显示<iframe>：

$("#contentIframe").show();

隐藏<iframe>：

$("#contentIframe").hide();

【讨论】：

您可以从jquery.com 下载它并使用在您的 .html 页面中添加对 .js 文件的引用块。
啊是的 - 但我太快了 - 我的意思是这应该只是在头脑中吗？
将脚本块添加到头部是普遍接受的方法。但是，您几乎可以在 .html 文件的任何位置添加脚本块。

【解决方案2】：

jQuery toggle method 会很有帮助。

【讨论】：

【解决方案3】：

我认为如果你尝试使用 div 并使用 .load() 方法，它会比使用 iframe 更好

$("a").click(function(){
$("#mydiv").load($(this).attr("href"));
});

【讨论】：

如果 iframe 有 Shardul 所说的 ID 怎么办？我不应该能够使该 ID 代替 div 包装器工作吗？
$("a").click(function(){ $("#myiframe").attr("src",$(this).attr("href ")); });瞧