iframe / jquery .toggle 无法在 Safari 中隐藏 .pdf答案

【问题标题】：iframe / jquery .toggle fails to hide .pdf in Safariiframe / jquery .toggle 无法在 Safari 中隐藏 .pdf
【发布时间】：2013-12-10 01:08:22
【问题描述】：

我有一个带有 pdf src 的 iFrame。当我单击一个按钮时，它会显示出来。当我单击一个按钮时，它会被隐藏。

使用 jquery .toggle 将其编码为函数（简体）：

<script>
function showpdf() {
$('.showpdf').toggle();
}
</script>  

<div class="showpdf" style="display:none">
<iframe class="showpdf" src="file.pdf" style="display:none;">
</iframe> 
</div>

<div class="showpdf" style="display:none">Hide PDF</div>
<div class="showpdf" style="display:block">Show PDF</div>

这在 IE、Chrome、FF 中运行良好... 但在 Safari 中，pdf 不会隐藏。

JSFiddle：http://jsfiddle.net/hT97Z/

PS：谁能解释一下为什么它在 onLoad、onDomReady 上根本不起作用？

【问题讨论】：

标签： jquery pdf iframe safari

【解决方案1】：

解决办法如下：

在隐藏的 iframe 中预加载 .pdf
像以前一样切换 iframe 和可见性
使用 jquery 将 src 添加到原始 iframe

JS-小提琴：http://jsfiddle.net/hT97Z/3/

通过这种方式，.pdf 的加载与切换功能完全隔离。

添加到函数中的代码：

function showpdf() { $('.showpdf').toggle(); $('#theframe').attr('src','the.pdf'); }

添加的html：

<iframe style="display:none;" src="the.pdf"></iframe>

【讨论】：