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

Question

我刚开始使用jQuery，我需要一个包含评论表单的模式窗口。使用AJAX提交表单后，服务器将返回一个状态消息，以显示在模式窗口上。我怎样才能让模态窗口被调整大小（从大窗口将审查表格保存为适合状态消息的小窗口）？

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

Answer 1

您可以尝试jQuery UI的对话框，“宽度”和“高度”的属性设置为“自动”

Answer 2

一个设置width和height到auto的需要注意的是，当对话框的大小比你的内容下面较大，它会拉伸。我发现设置maxHeight和/或maxWidth有助于控制。 maxHeight的一个问题是，它有时不起作用！幸运的是，有一个简单的解决方法：

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