2011-10-28 54 views
0

当我在打开对话框后增加对话框大小时,对话框高度&宽度增加但对话框标题栏宽度不增加。我只是不明白为什么会发生。jquery对话框标题栏宽度问题

这里是另一个按钮我的示例代码

.BusyStyles 
{ 
     background-image: url('../images/ajax-loader.gif'); 
     background-repeat: no-repeat; background-position: center center; 
     height: 80px; 
     width: 180px; 
} 

$("#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"); 

点击我正在增加对话框的大小像

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

请帮助我....我需要在我的代码添加为结果对话框标题宽度应随对话宽度一起增加。谢谢

回答

1

你应该使用option方法来提高对话框的大小:

$("#dialog").dialog('option', 'width', 600); 
1

例如使用FireBug来查看哪个div是所有其他div对话框的父容器(jQuery对话框是由许多div元素构建的)。然后你会确定你正在调整正确的div。 和标题栏将被调整肯定...

+0

我已签“的.ui-对话框中的”类包含DIV是父母和我增加“.ui-dialog”的大小 –