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

Colorbox (jQuery) resize() not working in IE9

本文关键字：不起作用 IE9 resize jQuery Colorbox      更新时间：2023-09-26

我在IE9上使用带有jQuery 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中无法调整大小。知道为什么吗？

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

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

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