jquery - サイズを調整する JQuery ダイアログ

Question

JQuery にダイアログがあり、次のスクリプトで呼び出します。

$(function() {
        $( "#dialog" ).dialog({
            autoOpen: false,
        });

        $( "#newaircraft" ).click(function() {
            $( "#dialog" ).dialog( "open" );
            return false;
        });
    });

大きいのは完璧ですが、幅は面白くありません。自動だと思うので理由はわかりませんが、大きい方だけ自動で幅がありません。

画面例：http: //i50.tinypic.com/dwt7ur.png

Answer 1

試す：

$( "#dialog" ).dialog({
    autoOpen: false,
    width: 500
});

Answer 2

CSS を使用してダイアログの高さと幅を設定します。

例 ：

#dialog{
   height:500px;
   width:500px;
}

また

#dialog{
   height:90%;
   width:90%;
}

またはJQueryUI Dialog ウィジェットのオプションをheight使用する:width

http://api.jqueryui.com/dialog/#option-height

http://api.jqueryui.com/dialog/#option-width