0

I am using colorbox version 1.3 and called colorbox with a following code

 $(".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();             
    }
  });

As you can see I have called resize method on complete but it gives me following error 

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

$.fn.colorbox.resize();

I have also tried the following:

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

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

4 に答える 4

2

ドキュメントには、「パブリック メソッド」の下に次のように記載されています: $.colorbox.resize() 。私はそれを試してみます。

于 2012-09-25T12:55:50.150 に答える
1

colorboxロードされたのは確かですか？ページに含まれていないようですjquery.colorbox.js。これはコンソールに$.colorbox表示される必要があります。function()

于 2012-09-25T13:14:36.420 に答える
1

やってみました

onComplete : function() { 
$(this).colorbox.resize(); 
}
于 2012-09-25T12:56:25.733 に答える
0 
$(window).resize(function(){
        $.colorbox.resize({
            maxWidth:"auto",
            width:95+'%',
        });
});
于 2015-02-08T17:29:43.417 に答える