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();
});
});
私はhide()の代わりにtoggle()を試し、iframe要素自体でhide()を呼び出そうとしました。しかし、PDFオブジェクトを隠すことはできません。jQueryコードを実行すると、PDFSection divが非表示になりますが(ボタンとhr行が非表示になっていることがわかります)、PDFは画面に表示されたままになります。
ボタンをクリックする前後に何が起こるかのスクリーンショットは次のとおりです。