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

Я использую плагин Jquery colorbox в своем HTML-приложении. На моей странице есть два 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 появляется внизу первого (не справа).

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


html jquery css width colorbox
person kamaci    schedule 16.11.2011    source источник

Ответы (3)


arrow_upward
2
arrow_downward

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

$.colorbox.resize({width: pixelValue});
person kamaci    schedule 17.11.2011

arrow_upward
0
arrow_downward

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

$.colorbox.resize();
person Alex Peattie    schedule 17.11.2011
comment
он изменяет размер, но мой div все еще не прав, он идет вниз. Если я не скрою второй div и использую colorbox, один из них будет слева, а другой справа. - person kamaci; 17.11.2011

arrow_upward
-1
arrow_downward

Попробуй это

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

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

$.colorbox.resize({ height: contentHeight, width: contentWidth });
person Makim    schedule 04.08.2014