我在 iframe 中嵌入了一个 PDF。我需要在单击按钮时隐藏此 iframe。但由于某种原因,iframe 部分不会隐藏在 Safari 浏览器中。相同的代码在 IE、Chrome 和 Firefox 中运行良好。
这是我的 HTML 页面的一个片段:
<div id="PDFSection" style="text-align:center;">
<iframe id="PDFFrame" src="sample.pdf"> Loading...
</iframe>
<hr />
<input id="btnEmail" type="button" value="Email" name="btnEmail"/>
</div>
这是我要隐藏 div 的 jquery 部分:
$(document).ready(function() {
$( "#btnEmail" ).click(function() {
$( "#PDFSection" ).hide();
});
});
我已经尝试过 toggle() 而不是 hide() 并且还尝试在 iframe 元素本身上调用 hide() 。但没有什么能够隐藏 PDF 对象。我确实看到,当 jQuery 代码运行时,它隐藏了 PDFSection div(因为我可以看到按钮和 hr 行被隐藏),但 PDF 保留在屏幕上。
这是单击按钮之前和之后发生的屏幕截图: