Question

我在IE9上使用Colorbox版本1.3.19和jQuery 1.7.2。我有以下代码来设置我的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 );

Colorbox（jQuery）resize（）在IE9中不起作用

1 个答案: