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

适应大小JQuery Dialog

2 个答案: