2011-10-28 57 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」的大小 –