Javascript 颜色框模式未调整大小

Javascript 颜色框模式未调整大小,javascript,jquery,css,modal-dialog,colorbox,Javascript,Jquery,Css,Modal Dialog,Colorbox,我正在使用Colorbox创建我的模态。目前,我有一个具有隐藏div的模式。当单击显示更多按钮时,隐藏div将fadeIn并出现。但是,当隐藏的div变为可见时,如果不向下滚动,滚动条和新div的一部分将不可见。换句话说,模式窗口没有调整大小以适应新内容 当隐藏的div变为可见时,如何调整模式窗口的大小?谢谢 您可以通过以模态为目标并将高度更改为内部DIV的高度来手动执行此操作 var height = $('#innerDiv').height(); $('#modal').css('heig

我正在使用Colorbox创建我的模态。目前,我有一个具有隐藏div的模式。当单击
显示更多
按钮时,隐藏div将
fadeIn
并出现。但是,当隐藏的div变为可见时,如果不向下滚动,滚动条和新div的一部分将不可见。换句话说,模式窗口没有调整大小以适应新内容


当隐藏的div变为可见时,如何调整模式窗口的大小?谢谢

您可以通过以模态为目标并将高度更改为内部DIV的高度来手动执行此操作

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

我也有类似的问题,我尝试了以下几点: 第一步尝试将ColorBox升级到最新版本,我使用的是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分别为。要调整颜色框模式大小的模式的宽度和高度。i、 e.计算要调整模态大小的宽度和高度,并将这些值传递给此自定义调整大小功能。可能您应该在一段时间后尝试调用此函数(例如,使用settimeout()),这将有助于计算要设置的宽度和高度,希望这有助于

#modal
是模态的默认id吗?使用
$.colorbox.resize({innerWidth:560,innerHeight:750})我得到错误:
未捕获类型错误:无法调用未定义的方法“resize”
否,
#modal
不是默认ID,只是一个示例占位符。至于您的第二条评论:您需要查看colorbox文档,了解有关使用colorbox方法的详细信息。