Jqueryダイアログのタイトルバーの幅の問題

Question

ダイアログを開いた後にダイアログのサイズが大きくなると、ダイアログの高さが&になりますが、ダイアログのタイトルバーの幅は増加していません。なぜ起こっているのか分かりません。ここ

は、別のボタンの私のサンプルコード

.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); 

のようなダイアログのサイズを大きくしていますクリックで結果ダイアログのタイトル幅はダイアログの幅とともに増加するはずです。ありがとう

Answer 1

のためにリサイズされます：

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

Answer 2

FireBugを使用して、どのdivがダイアログの他のすべてのdivの親コンテナであるかを確認します（jQueryダイアログは多くのdiv要素からビルドされています）。次に、正しいdivのサイズを変更していることを確認します。 とタイトルバーには、ダイアログのサイズを大きくするoptionメソッドを使用する必要があることを確認...