colorbox resize会干扰其他脚本

Question

我在colorbox中打开了一个youtube视频，因为我需要根据视口大小打开一个特定的大小我制作了一个计算彩盒重叠大小的函数并将其传递给开放：

overlaysize = overlaySize();

$.colorbox({
    href: url,
    iframe:true, 
    opacity: 0.8, 
    transition: 'none', 
    innerWidth: overlaysize['neww'], 
    innerHeight: overlaysize['newh']
});

在调整大小时，我需要更新尺寸：

$( window ).resize(function() {

    if ( $('#colorbox').length ) {

        overlaysize = overlaySize();

        $.colorbox.resize({
            innerWidth: overlaysize['neww'], 
            innerHeight: overlaysize['newh']
        });

    }

});

但它不起作用。该框未调整大小 在同一页面内。我正在使用一个使用colorbox的脚本。 我不确定它是否会打印一些覆盖我的colorbox脚本的代码。

我能以某种方式参考我的彩盒实例吗？

Answer 1

我找到的唯一解决方法是在调整大小时关闭colorbox

$( window ).resize(function() {

  if ( $('#colorbox').length ) {

    $.colorbox.close();

  }

});