javascript - 颜色框调整大小不起作用，返回“TypeError: $.fn.colorbox is undefined”

Question

我正在使用 colorbox 1.3 版并使用以下代码调用 colorbox

 $(".extractImages").colorbox({
    ajax:true,
    speed:100,
    initialWidth:'110px', 
    initialHeight:'85px',
    rel:'popup',
    fixed:true,
    arrowKey:false,
    href:function(){ 
        return $(this).attr('popup'); 
    },
    onLoad: function() {
        $('#cboxClose').html('');
        $('#cboxCurrent').remove();
        $('#cboxNext').remove();
        $('#cboxPrevious').remove();
        $('#cboxTitle').remove();
    },  
    onComplete : function() {
        $('#cboxClose').html('<img class="popupClose" src="/public/images/close.png"/>');
        $.fn.colorbox.resize();             
    }
  });

如您所见，我已在完成时调用了 resize 方法，但它给了我以下错误

TypeError: $.fn.colorbox is undefined
[Break On This Error]   

$.fn.colorbox.resize();

我还尝试了以下方法：

TypeError: $(".extractImages").colorbox is undefined
[Break On This Error]   

$('.extractImages').colorbox.resize();

Answer 1

文档在“公共方法”下说： $.colorbox.resize() 。我会试一试。

Answer 2

你有没有尝试过

onComplete : function() { 
$(this).colorbox.resize(); 
}  

Answer 3

你确定colorbox已经加载了？看起来你没有包含jquery.colorbox.js在页面上。这$.colorbox必须显示function()在控制台中。

Answer 4

$(window).resize(function(){
        $.colorbox.resize({
            maxWidth:"auto",
            width:95+'%',
        });
});