ColorBox 不会动态更改宽度答案

【问题标题】：ColorBox doesn't Change Width DynamicallyColorBox 不会动态更改宽度
【发布时间】：2019-03-03 14:03:14
【问题描述】：

我在我的 HTML 应用程序中使用 Jquery colorbox 插件。我的页面上有两个 div。一个在left，一个在right。我要那个。开头right div's display is none。当我单击左侧 div 右侧 div's display becomes block 的某个位置时。但是，由于颜色框的大小，将第二个 div 显示放在第一个 div 下，并出现一个滚动条。我不想让它位于右边我的意思是I want colorbox to calculate its width again automatically（如果可能的话我不想声明一个宽度来修复它）

PS 1： 我的左右div的css'：

.left {
    float: left;
    display: inline;
}

.right {
    float: right;
    display: inline;
}

当我不隐藏时（我使用 Jquery .show()）第二个 div（右 div）：

其中一个在右边，另一个在左边。

但是，当我第二次隐藏（我使用 Jquery .hide()）并显示它之后（我使用 $.colorbox.resize();），我的第二个 div 出现在第一个 div 的底部（不是在右侧）。

PS 2：我从外部文件获取我的颜色框内容

【问题讨论】：

标签： jquery html css width colorbox

【解决方案1】：

colorbox 会自动改变其高度，但不会改变宽度。所以我这样做了：

$.colorbox.resize({width: pixelValue});

【讨论】：

【解决方案2】：

只要打电话：

$.colorbox.resize();

【讨论】：

它会调整大小，但我的 div 仍然不正确，它会下降。如果我不隐藏第二个 div 并使用颜色框，其中一个在左侧，另一个在右侧。

【解决方案3】：

试试这个

var contentHeight = $('.class').height();

var contentWidth = $('.class').width();

$.colorbox.resize({ height: contentHeight, width: contentWidth });

【讨论】：