Windows 7のIE11は、divを閉じた後に白い画面を表示します。

Question

iframeとdivがあり、pdfファイルを読み込みます。 pdfアイコンがクリックされたときに表示され、クリックするとdivを非表示にするラベル "X"が表示されます（onclickイベント、ブロック表示に変更するだけです）。しかし、何が起こるのは、divを閉じようとするときに、読み込まれたページも消えてしまった、あなたが見るのはすべて白いスクリーンです。私はページを再び表示させるためにF12を押す必要があります。このページはFirefox、Chrome、Safariで動作するはずです。IE9-IE11ではこの問題や動作しかありません。しかし、奇妙な部分は、私がBrowserStackを使ってページをテストするとき、ブラウザスタックですべてがうまくいきます。なぜこのようなことが起こっているのか？

<div class="pdf-file" style="display: none;"> 
    <label>X</label> 
    <iframe src="blah" scrolling="no" width=400 height=400 class="pdf-class"></iframe> 
</div> 

このdivの位置は絶対値です。

にOnclickイベント：

$('#pdf img).click(function() { 
    $('.pdf-file').show(); 
} 

$('.pdf-file label).click(function() { 
    $('.pdf-file').hide(); 
} 

のJavaScriptは、上記のように単純であり、動作がちょうど最近起こると私は理由を理解していないと私が作ったページで何か大きな変更思い出すことができませんこの動作は、以前はうまく動作していました。

Answer 1

私が作業しているアプリケーションでは、ここ数日でこの問題が発生しました。多くの議論の後、私たちはストップギャップ対策を考え出した。

最初に、我々はいくつかの違いがありました - 私たちの状況は上記のように簡単ではありません。私たちはPDFをiFrameに読み込んでいますが、iFrameはUI Bootstrapモーダルになっています。私たちは、モーダルのインスタンスを消滅させるモーダルでキャンセルボタンをクリックするとWSODを取得していましたが、モーダル自体がDOMから削除されてしまいました。

function cancel() { 
    $uibModalInstance.dismiss('Cancelled.'); 
} 

...この目的のために：周り

仕事はここから行くことだった

function cancel() { 
    var $modal = $('div.modal-dialog'); 
    $modal.css('display', 'none'); 

    $uibModalInstance.dismiss('Cancelled.'); 
} 

それはあなたの代わりに代わり$('.pdf-file').css('display', 'none');を行う必要があることを、代わりに$('.pdf-file').hide()を呼び出す、ということかもしれません。

Answer 2

私はこのifoveroverflowトピックBlank iFrame in IE私にはiframeが私の問題かもしれないというアイデアを与えたので、私はiframeをオブジェクトに変更し、IEでそのトリックをしました。お役に立てれば。