Colorbox не открывается до желаемой ширины и высоты при первом нажатии - PullRequest
3 голосов
/ 16 июня 2011

Я использую colorbox с ajax для загрузки HTML-файлов.Когда я нажимаю на ссылку, чтобы загрузить colorbox, ширина и высота всплывающего окна в первый раз становятся слишком маленькими, и в них не отображаются изображения и элементы div.Когда я щелкаю по той же ссылке, второй раз открывается цветовой ящик с нужными параметрами ширины и высоты.

В сценарии ранее для меня была задана ширина, равная false, чтобы он динамически подстраивался под содержимое.У меня возникла эта проблема, и я попытался изменить ширину до 940, но все еще есть эта проблема.

Есть идеи, что может быть причиной этого?

(Сайт, о котором идет речь, - jcoledesign.com)

Ответы [ 3 ]

3 голосов
/ 18 июня 2011

См. Эту запись в FAQ:

Размер ColorBox слишком мал при первом открытии содержимого ajax / inline http://jacklmoore.com/colorbox/faq/#faq-img

0 голосов
/ 14 августа 2012

Еще одно решение, если кому-то нужно для этого.

        $.colorbox({inline:true, href:"#form"},function(){
                $('#cboxContent').css("height","160");
                $('#cboxMiddleLeft').css("height","160");
                $('#cboxMiddleRight').css("height","160");                  
        });

Вам просто нужно установить значение with и высоту в соответствии с вашим содержимым.

:)

0 голосов
/ 20 января 2012

Дайте тегу изображения явную высоту и ширину, т.е.

<img src='myimage.jpg' />

становится

<img src='myimage.jpg' width=500 height=500 />
...