1

IE9でjQuery1.7.2でColorboxバージョン1.3.19を使用しています。カラーボックスを設定するための次のコードがあります。

JS：

var colorbox_defaults =
{
    iframe           : true,
    title            : false,
    innerWidth       : 500,
    innerHeight      : 325,
    slideshow        : false,
    slideshowStart   : "",
    slideshowStop    : "",
    current          : "",
    previous         : "",
    next             : "",
    close            : ""
};

$( "#my_link" ).colorbox( colorbox_defaults );

HTML：

<a id="my_link" href="some_page.php">Click Here</a>

すべてのコンテンツがページに読み込まれた後、次のように、ページのコンテンツの高さに基づいてカラーボックスのサイズを変更するこのコードがあります（データはAJAXリクエストを介して入力されるため、ページの長さは可変です）。

var options = { innerHeight : $( 'html' ).height() };
parent.$.fn.colorbox.resize( options );

このコードはFF12とChrome18の両方で完全に機能しますが、IE9ではサイズ変更に失敗します。なぜ何かアイデアはありますか？

4

1 に答える 1

1

これが問題を解決するために私がしなければならなかったことです。どうやらIE9はFFやChromeなどの他のブラウザが報告するようにhtmlタグの高さを報告しません。正しい高さを報告するボディタグを選択する必要がありました。

私のコードは次のように変更されます。

var options = { innerHeight : $( 'body' ).outerHeight( true ) };
parent.$.fn.colorbox.resize( options );
于 2012-04-28T16:01:20.157 に答える