10

我正在使用一个名为 ColorBox 的 jQuery 插件，基本上它创建了一个 jquery 模态，但是模态的固定大小高度为“500”，我希望它有一个最小高度，但我在模态中有扩展菜单，所以我想to 自动展开。我该怎么做呢？
我目前拥有的代码是： 

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

Iv 尝试从中删除高度并使用 CSS，但这没有用。我尝试将我所知道的 jquery 放在这一行中，但似乎没有任何效果，但是我对 jQuery 很陌生。有人有什么想法吗？

4

4 回答 4

21

你可以使用这个：

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

在初始化颜色框后，这在您的代码中：

$.colorbox.resize();
于 2012-10-17T15:07:02.930 回答
2

我有类似的情况，我使用 setTimeout 函数给颜色框一些时间来加载，然后调用 resize 方法。

我打电话给彩盒

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);

这让我得到了我需要的功能。模态窗口总是根据容器的内容调整大小

于 2013-05-20T19:51:23.837 回答
0

使用当前版本的 ColorBox，您可以指定百分比的最大尺寸：

$(".colorboxlink1").colorbox({
    maxWidth: '95%',
    maxHeight: '95%'
});
于 2014-09-08T11:01:54.987 回答
0

您可以绑定这样的事件，然后调用调整大小：

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

寻找“事件挂钩”，看看你还能在这里绑定什么：http ://www.jacklmoore.com/colorbox/

于 2016-07-05T08:31:07.767 回答