jQuery模态窗口，在加载新内容时更改大小

Question

我开始使用jQuery，我需要一个包含评论表单的模态窗口。使用AJAX提交表单后，服务器将返回一个状态消息以显示在模态窗口中。如何调整模态窗口的大小（从大窗口将审阅表单保存到适合状态消息的小窗口）？

有关此的任何推荐插件/教程吗？使用插件是最好的开始方式吗？

Answer 1

将width和height设置为auto的一个警告是，当对话框的尺寸大于下面的内容时，它会拉伸。我发现设置maxHeight和/或maxWidth有助于控制它。 maxHeight的一个问题是，它有时不起作用！幸运的是，有一个简单的解决方法：

$(".dialog").dialog({
    open: function(event, ui) {
        $(this).css({'max-height': 400, 'overflow-y': 'auto'}); 
    },
    ...
});

Answer 2

您可以尝试jQuery ui对话框，将“width”和“height”属性设置为“auto”