jquery-ui - 无法设置 jquery ui 对话框最小宽度

Question

我一直在尝试使用 jquery ui 对话框。但我无法设置最小宽度和高度。
这是我的代码

 var options={
                modal: true,
                title:headertext,
                minHeight:125,
                minWidth:520,
                maxWidth:1000,
                maxHeight:1000,
                dialogClass:"sfFormwrapper"};
            $('#'+popupid ).dialog(options);

但在浏览器中它呈现为 height:auto ；宽度:520px

谢谢!

Answer 1

你的印象似乎是minWidth , minHeight , maxWidth和 maxHeight选项直接映射到 min-width , min-height , max-width和 max-height CSS 样式规则，分别。实际情况并非如此。

您问题中的样式规则来自小部件元素本身(树的根，暴露 ui-dialog 类)。请注意 minWidth选项转换为 width规则，它实际上是动态的:它由小部件管理，并且会随着您调整对话框大小而改变。

同理，由对话框小部件增强的原始元素具有动态width , height和 min-height适用的规则。

正如您在 this fiddle 中看到的那样如果您使用浏览器开发工具的布局 View ，小部件会确保对话框的总大小(包括边框和标题栏)保持在您指定的范围内。