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

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

ここに私のコードです:



<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>


On another button click I am increasing size of dialog like this:

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

結果ダイアログのタイトルの幅がダイアログの幅とともに増加するように、コードに追加する必要があるのは何ですか?

ありがとう

1

2 答え

option メソッドを使用してダイアログサイズを大きくする必要があります。

$( "#dialog" ).dialog('option', 'width', 600);
2
追加された

たとえば、FireBugを使用して、どのdivが他のすべてのdivのダイアログの親コンテナであるかを確認します(jQueryダイアログは多くのdiv要素から構築されます)。次に、正しいdivのサイズを変更していることを確認します。 タイトルバーのサイズが確実に変更されます...

1
追加された
私は ".ui - ダイアログ"のクラスをチェックしているdivは親であり、私は ".ui - ダイアログ"のサイズを増やす
追加された 著者 Keith Costa,