ColorBox не меняет ширину динамически

Question

Я использую плагин Jquery colorbox в своем приложении HTML.На моей странице есть два раздела.Один на left, а другой на right.Я хочу чтобы.В начале right div's display is none.Когда я щелкаю где-то слева от моего правого div div's display becomes block.Однако из-за размера colorbox поместите второй дисплей div под первый div и появится полоса прокрутки.Я не хочу, чтобы он располагался справа, я имею в виду I want colorbox to calculate its width again automatically (если возможно, я не хочу объявлять ширину, чтобы исправить это)

PS 1: Myлевый и правый div'ы css ':

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

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

Когда я не скрываю (я использую Jquery .show()) второй div (правый div):

один из находится вдругой справа налево.

Однако, когда я прячу (я использую Jquery .hide()) секунду и после того, как я показываю это (я делаю $.colorbox.resize();), мой второй div появляется внизу первого (не справа).

PS 2: Я получаю содержимое своего ящика из внешнего файла

Answer 1

colorbox автоматически изменяет свою высоту, но не меняет ширину.Итак, я сделал это:

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

Answer 2

Попробуйте это

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

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

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

Answer 3

Просто позвоните:

$.colorbox.resize();