Question

我在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：我从外部文件中获取了我的彩盒内容

Answer 1

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

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

Answer 2

请致电：

$.colorbox.resize();

Answer 3

试试这个

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

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

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

ColorBox不会动态更改宽度

3 个答案: