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

Question

我有一个带有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上根本不起作用？

Answer 1

以下是解决方案：

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

JS-Fiddle：http://jsfiddle.net/hT97Z/3/

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

---

添加到函数中的代码：

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

html添加了：

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