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

我有一个带有pdf src的iFrame。 单击按钮时会显示。 当我点击一个按钮时,它就被隐藏了。

它使用jquery .toggle(简化)编码为函数:

 function showpdf() { $('.showpdf').toggle(); }  
Hide PDF
Show PDF

这在IE,Chrome,FF中运行良好……但在Safari中,pdf并不隐藏。

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

PS:任何人都可以解释为什么它与onLoad,onDomReady根本不起作用?

这是解决方案:

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

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

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


添加到函数中的代码:

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

html补充说: