Wie man Höhe Auto auf Colorbox macht?

Ich benutze ein jQuery-Plugin namens ColorBox und im Grunde erstellt es ein Jquery-Modal, aber das Modal hat eine feste Größe Höhe von "500" und ich möchte es eine minimale Höhe haben, aber ich habe auch Menüs innerhalb der Modal so ich möchte sich automatisch erweitern. Wie mache ich das?
Der Code, den ich zur Zeit habe, ist:
Wie man Höhe Auto auf Colorbox macht?

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

Iv versucht, die Höhe von dieser zu löschen und mit Hilfe von CSS, aber das hat nicht funktioniert. Ich habe versucht, das, was ich von jQuery weiß, in diese Zeile zu schreiben, aber nichts scheint zu funktionieren, aber ich bin ziemlich neu bei jQuery. Hat jemand irgendwelche Ideen?

Quelle

2012-10-17 Ben

Sie können diese verwenden:

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

Und dies im Code nach colorbox initialisiert wurde:

$.colorbox.resize();

Quelle

2012-10-17 15:07:02 webdeveloper

das zu arbeiten versucht, es scheint nur die Hälfte des modalen windo zu zeigen w obwohl. Ich werde weiterspielen und sehen, was ich bearbeiten kann. – Ben

Versucht dies auch und meine Farbbox passt auf 0px Höhe – user1380540

Schön!, Es funktioniert wie ein Charme! – Irfan

hatte ich eine ähnliche Situation und ich verwendet, um eine der setTimeout-Funktion einige zu geben, Zeit für das Laden der Farbbox und dann die Resize-Methode.

rief ich die 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);

Das hat mich die Funktionalität bekam ich brauchte. Der Modal-Fensters ändert sich immer auf den Inhalt des Behälters

Quelle

2013-05-20 19:51:23 joshgk00

die aktuelle Version von ColorBox verwenden, können Sie die maximalen Größen in Prozenten angeben:

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

Quelle

2014-09-08 11:01:54 NXT

Sie eine Veranstaltung wie diese binden kann dann die Größe nennen:

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

Look für ‚Ereignis-Hooks‘ zu sehen, was sonst Sie hier binden können: http://www.jacklmoore.com/colorbox/

Quelle

2016-07-05 08:31:07 sparkos72

Wie man Höhe Auto auf Colorbox macht?

Antwort

Verwandte Themen