jQuery对话框调整大小问题答案

【问题标题】：jQuery dialog resize issuejQuery对话框调整大小问题
【发布时间】：2012-02-16 10:12:11
【问题描述】：

在我的应用程序中，我想调整对话框的大小。使用 jQuery UI 对话框我可以做到这一点。但问题是，如果对话框的大小超出浏览器边界，对话框底部的按钮就会消失（隐藏）。

为了更好地理解，请访问http://jqueryui.com/demos/dialog/#modal-form，然后点击“创建新用户”打开对话框。将此对话框拖到浏览器的末尾，然后将其最大化（调整大小）。按钮将消失。我的代码类似于上面链接中给出的代码。

如果有人知道此问题的解决方案，请提供帮助。

【问题讨论】：

【解决方案1】：

为打开的对话框设置一个最大宽度。

$( ".selector" ).dialog({ maxWidth: 600 });

【讨论】：

【解决方案2】：

根据您的意思，您可以将按钮移出底部 div

<div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix"> BUTTONS </div>

否则，我希望如果您使窗口大于视口，那么您所看到的正是会发生的情况

【讨论】：