Javascript 颜色框模式未调整大小
我正在使用Colorbox创建我的模态。目前,我有一个具有隐藏div的模式。当单击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
显示更多
按钮时,隐藏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方法的详细信息。