2016-05-27 12 views
1

これは奇妙なものです。 iFrameを表示するJQuery UIダイアログを含むページを継承しました。 互換モードがオンのChrome、IE 10/IE 10でダイアログが正しく開きます。しかし、一部のユーザーがIE 11で問題を報告しています。互換モードでは、ダイアログは開きますが、内容は表示されません。 私はIE 11と互換性モードをオンにしてテストしましたが、それは問題なく動作しますが、他の人には引き続き問題が発生します。JQuery UIダイアログiFrameコンテンツが空です

互換性モードが無効になっており、ダイアログコンテンツが表示されてもサイトの残りの部分が壊れたため、このサイトでは互換モードがオンになっている必要があります。

ダイアログボックスのiFrameの内容であるページで、互換モードを強制的にオフにしました。

<meta http-equiv="X-UA-Compatible" content="IE=Edge" /> 

(直後/タイトル)しかし、それは役に立たなかった。 style = "display:hidden"のダイアログ作成にCSSがありましたが、これを削除しましたがそれは役に立たなかった。ここで

ダイアログコードである

$(document).ready(function() { 
     $('a.dia').live('click', function() { 
      var url = this.href; 
      var dialog = $("#dialog"); 
      dialog.empty(); 
      dialog.append($("<iframe />").attr("src", url).attr("frameBorder", "0")).dialog({ 
       modal: true, 
       height: 600, 
       width: 450, 
       title: 'Dialog', 
       close: function() { window.location.reload(); } 
      }); 
      return false; 
     }); 
    }); 

    function closeIframe() { 
     $('#dialog').dialog('close'); 
     return false; 
    } 
</script> 

のjQuery 1.4.2

jQueryのUI 1.8.2

誰もこれに遭遇していますか?

+0

これを解決する方法が見つかりましたか?私たちのプロジェクトには非常に似た問題があります。 –

答えて

0

これまでのところ、iframeのデフォルトsrcを「about:blank」に設定し、jQueryダイアログではopenメソッドで属性を実際の値に設定しました。このようにして、何らかの理由でIE 11でもURLが正常に読み込まれます。

関連する問題