Colorbox模式不調整

我使用Colorbox創建我的模態。目前我有一個隱藏的div的模式。當點擊一個Show more按鈕時，隱藏的div將會出現fadeIn。但是，當隱藏的div變得可見時，滾動條和這個新div的一部分在不向下滾動的情況下不可見。換句話說，模式窗口沒有調整大小以適應新的內容。Colorbox模式不調整

當隱藏的div變得可見時，如何讓模態窗口調整大小？謝謝！

來源

2011-07-22 Nyxynyxx

您可以通過定位模式並將高度更改爲內部DIV的高度來手動執行此操作。

var height = $('#innerDiv').height(); 
$('#modal').css('height',height);

來源

2011-07-22 17:48:54 wanovak

是'＃modal'模態的默認ID？ – Nyxynyxx

使用'。.colorbox.resize（{innerWidth：560，innerHeight：750}）;'我得到錯誤：'未捕獲的TypeError：無法調用未定義的'resize'方法 – Nyxynyxx

不，'＃modal'不是默認值ID，只是一個示例佔位符。至於你的第二個評論：你需要查看colorbox文檔以獲取有關使用colorbox方法的詳細信息。 – wanovak

我也曾經有過類似的問題，我想下面的事情：第一步嘗試升級到彩盒最新版本，我使用v1.3.17.1 在這個js文件添加以下自定義大小調整功能：

publicMethod.myResize = function (iW, iH) { 
    if (!open) { return; } 
    if (settings.scrolling) { return; } 
    var speed = settings.transition === "none" ? 0 : settings.speed; 
    $window.unbind('resize.' + prefix); 
    settings.w = iW; 
    settings.h = iH; 
    $loaded.css({ width: settings.w, height: settings.h}); 
    publicMethod.position(speed); 
    };

和該功能可爲呼叫，我給調用該函數爲：

parent.$.fn.colorbox.myResize(frameWidth, frameHeight);

其中var frameWidth & frameHeight是resp。 width &我想要調整colorbox模式的模態的高度。即計算要調整模式大小的寬度，並將這些值傳遞給此自定義調整大小功能。也許你應該在一段時間後嘗試調用這個函數（例如使用settimeout（）），這將有助於計算寬度&高度設置，希望這有助於...... !!!

來源

2012-01-31 10:20:52 Rahul

Colorbox模式不調整

回答

相關問題