2012-03-23 51 views
0

私はファンシーボックス1.3.Xを使用しています。iframeを持っています。内側にボタンがあり、そのファンシーボックスのポップアップiframeをクリックすると、iframeのコンテンツはファイルからロードされています。IE以外のすべてのブラウザでうまく動作しています。 IE コンテンツではが表示されますが、の場合はポップアップが表示されます。ファンシーボックスのポップアップiframeのコンテンツがIEに表示されない

コードの一部を以下に示します。

$("a.iframe").fancybox({ 
      'transitionIn'  : 'elastic', 
      'transitionOut'  : 'elastic', 
      'speedIn'   : 600, 
      'speedOut'   : 200, 
      'overlayShow'  : false, 
      'width'    : 250, 
      'height'   : 190, 
      'type'    : 'iframe' 

      }); 

と私はあなたが最後の行に余分な}を持ってここに

<iframe name="report" id="report"> 
    <a class="iframe" href="edit-details.php?id=8"> 
</iframe> 

答えて

0

フォームを呼び出すのですか?それとも、それは単にタイプミスですか?

+0

参照を追加するには、この 試みを追加するには、この 試みを追加しようと、私はポストを編集した – n92

0

私は

はこれを試して,,ブラウザの互換性の問題があるだろうと思う: -

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

か、最初にコードIEをチェックするには、sensetive非常に多くの場合です。任意のHTMLエラーやタグを与えるかどうかを確認..

実行このコードバリデータでは、

は、もう一度スクリプトをチェック///

+0

はい、私は、HTMLタグを言及していない:。今コンテンツがロードされていますが、ポップアップのiframeが正しく表示されていません – n92

+0

y .. ..適切な形式のコーディングをしてください..ブラウザの互換性を試しました..それは正常に動作しています... –

+0

確かに、私はそれをやっています。 – n92

0

その本当に素敵ではないコードが、私は、フレームをリロードすることで、この問題を解決afterShowイベントハンドラとonUpdateイベントハンドラ内にあります。私にとって、この回避策の後、IEは今コンテンツを表示します。

var bUpdateOnce = true; 

$(".fb2").fancybox({ 
    autoResize : true, 
    autoCenter : true, 
    autoSize : true, 

    onUpdate : updateIFrame, 
    afterShow : updateIFrame, 
    beforeShow : function() { 
    bUpdateOnce = true; 
    }, 
    ... 
    .. 

function updateIFrame() { 
    // ie fix, if not, window is empty 
    if(bUpdateOnce) { 
     bUpdateOnce = false; 
     //reload all iFrames 
     $('iframe').each(function() { 
      this.contentWindow.location.reload(true); 
     }); 

    } 
} 
1

autoSizeを追加すると、VALUEはIEの読み込みの問題をソートしました。試してみます。 Skweekah

0

この

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
関連する問題