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

Documentation在“公共方法”下说：$ .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+'%',
        });
});

Colorbox调整大小不起作用，返回“TypeError：$ .fn.colorbox is undefined”

4 个答案: