Проблема ширины строки заголовка диалогового окна jQuery - PullRequest
Новая
       22

Проблема ширины строки заголовка диалогового окна jQuery

1 голос
/ 28 октября 2011

Когда я увеличиваю размер диалога после его открытия, высота и ширина диалога увеличиваются, но ширина строки заголовка диалога не увеличивается.Я просто не понимаю, почему это происходит.

Вот мой код: 

<style type="text/css">
    .BusyStyles {
        background-image: url('../images/ajax-loader.gif');
        background-repeat: no-repeat; background-position: center center; 
        height: 80px;
        width: 180px;
    }
</style>

<script type="text/javascript">
    $("#dialog").dialog({
        autoOpen: false,
        height: 80,
        width: 180,
        modal: false,
        draggable: true,
        resizable: false,
        position: 'center',
        show: {
            effect: "fade",
            duration: 2000
        },
        hide: {
            effect: "fade",
            duration: 500
        }
    });

    $("#dialog").removeClass('ui-dialog-content ui-widget-content').addClass('BusyStyles')
    $("#dialog").dialog("open");
</script>


При нажатии другой кнопки я увеличиваю размер диалогового окна, как это: 

$(".ui-dialog").animate({
    left: $(document).width() / 2 - $("#dialog").width() / 2, 
    top: $("#dialog").top
}, 1000);

Что мне нужно добавить в мой код, чтобы ширина заголовка диалогового окна результата увеличивалась вместе с шириной диалогового окна?

Спасибо

Ответы [ 2 ]

2 голосов
/ 28 октября 2011

Вы должны использовать метод option, чтобы увеличить размер диалога: 

$( "#dialog" ).dialog('option', 'width', 600);
1 голос
/ 28 октября 2011

Используйте, например, FireBug, чтобы увидеть, какой div является родительским контейнером для всех остальных div-ов диалога (диалог jQuery построен из множества элементов div).Тогда вы будете уверены, что вы изменяете размер правильного div.И заголовок будет точно изменен ...

...