如何动态增加jquery对话框的高度和宽度有一定的效果

$("#dialog").dialog({
    autoOpen: true,height: 100,width: 100,modal: false,draggable: false,resizable: false,});

首先计算隐藏对话框元素的高度.在将宽度设置为300px之前,但没有高度并添加类ui-widget.

HTML：

<div id="dialog" class="ui-widget">...

CSS：

#dialog {
    display: none;
    width: 300px;
}

JS(16px是对话框填充)：

var iHeight = $('#dialog').height() + 16;

创建对话框后,设置对话框包装器的新宽度,如果当前高度低于计算出的高度,则启动动画.

JS：

if ($("#dialog").height() < iHeight) {
    $("#dialog").parent().width(300 + 50);
    $("#dialog").animate({ height: iHeight,width: '300px'},500);
}

另见我的jsfiddle.

===更新===

我更新了jsfiddle.