javascript - 颜色框（jQuery）resize（）在IE9中不起作用

Question

我在 IE9 上使用带有 jQ​​uery 1.7.2 的 Colorbox 版本 1.3.19。我有以下代码来设置我的 Colorbox：

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 );

此代码在 FF 12 和 Chrome 18 中都能完美运行，但无法在 IE9 中调整大小。任何想法为什么？

Answer 1

这是我必须做的来解决这个问题。显然 IE9 不会像 FF 和 Chrome 等其他浏览器那样报告 html 标签的高度。我必须选择身体标签，它报告了正确的高度。

我的代码更改为以下内容：

var options = { innerHeight : $( 'body' ).outerHeight( true ) };
parent.$.fn.colorbox.resize( options );