Jak ustawić wysokość w Colorbox?

Question

Używam wtyczki jQuery o nazwie ColorBox i zasadniczo tworzy ona modalny jquery, jednak modalny ma stałą wysokość "500" i chcę mieć minimalną wysokość, ale mam także rozbudowane menu w ramach modalu, więc chciałby automatycznie rozwinąć. Jak mam to zrobic?
Kod Obecnie mam to:

$(".colorboxlink1").colorbox({ 
    opacity:"0.2", 
    width:"450", 
    height:"500", 
    title:"To close this dialog click X icon at the right", 
    iframe:true 
}); 

Iv próbował usunięcie wysokość od tego i za pomocą CSS, ale nie działał. Iv próbował umieścić to, co wiem o jquery w tej linii, ale nic nie działa, ale jestem całkiem nowy w jQuery. Czy ktoś ma jakieś pomysły?

Answer 1

Można to wykorzystać:

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

i to w kodzie po Colorbox został zainicjowany:

$.colorbox.resize(); 

Answer 2

miałem podobną sytuację i użyłem funkcja setTimeout dać jakiś czas ładowania się zestawu colorbox, a następnie wywołano metodę zmiany rozmiaru.

Zadzwoniłem ColorBox

var profileHeight=jQuery('#profile').height(); //Get the height of the container  
    setTimeout(function(){ 
     jQuery.colorbox({ 
      html:jQuery('#profile').html(), 
      width:'50%', 
      height:profileHeight, 
      opacity:0.5})} 
     , 600); 
//Wait 700ms then resize 
setTimeout(function(){jQuery(this).colorbox.resize();},700); 

To dało mi do funkcjonalności potrzebne. Okno modalne zawsze dostosowywany do zawartości pojemnika

Answer 3

Korzystanie aktualną wersję ColorBox, można określić maksymalne rozmiary w procentach:

$(".colorboxlink1").colorbox({ 
    maxWidth: '95%', 
    maxHeight: '95%' 
}); 

Answer 4

Można powiązać zdarzenie jak to wtedy nazwać rozmiar:

$(document).bind('cbox_complete', function() { 
    $.colorbox.resize(); 
}); 

szukać „haków zdarzeń”, aby zobaczyć, co jeszcze można wiązać się tutaj: http://www.jacklmoore.com/colorbox/