1

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

これが私のコードです：

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

結果ダイアログのタイトルの幅がダイアログの幅に合わせて大きくなるようにするには、コードに何を追加する必要がありますか?

ありがとう

4

2 に答える 2

2

optionダイアログのサイズを大きくするには、次のメソッドを使用する必要があります。

$( "#dialog" ).dialog('option', 'width', 600);
于 2011-10-28T12:22:11.887 に答える
1

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

于 2011-10-28T12:20:38.253 に答える