如何增加jquery对话框的高度&；宽度动态变化，有一定效果

当我显示我的对话框时，我的对话框高度是100，宽度是100

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

在后台加载数据，当数据完全加载时，因为jqueryajax有成功选项，从那里我们可以确定数据已加载，然后我将在对话框中显示这些数据。假设我想在对话框中显示的数据需要更多的空间，比如高度应该是300，宽度应该是300。所以，当我将这些大数据调整到dialog中时，dialog是否会自动重新调整大小

---

如果没有，那么我如何通过编程增加对话框的高度和宽度一些效果，如高度和宽度将逐渐增加，数据将以fadein效果出现在对话框中…如何实现它。需要一些代码方面的帮助。谢谢

如果您知道高度/宽度，或者能够以某种方式计算，那么您可以使用

---

首先计算隐藏对话框元素的高度。将宽度设置为300px，但不设置高度，然后添加class

ui小部件

HTML:

JS（16px是对话框填充）：

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

JS:

if（$（“#dialog”）.height（）

也看我的

==更新===

我的更新。

根据单引号应添加。将

{height:400px，width:200px}

替换为

{height:'410px'，width:'210px'}

。

$('#yourDiv').animate({height: '400px', width: '200px'});

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

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

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

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