colorbox resize干擾其他腳本

Question

由於我需要根據視口大小打開特定大小，因此我在內部打開了一個YouTube視頻，我製作了一個計算colorbox疊加大小的函數並在打開時傳遞它：

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腳本的代碼。

能否以某種方式引用我的colorbox實例？

Answer 1

我找到的唯一解決方法是關閉顏色框上的調整大小

$(window).resize(function() { 

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

    $.colorbox.close(); 

    } 

});