无法设置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 ; width:520px

谢谢!

Answer 1

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

您问题中的样式规则来自widget元素本身(树的根,暴露ui-dialog类).请注意,该minWidth选项转换width为实际上是动态的规则:它由窗口小部件管理,并在您调整对话框大小时更改.

以同样的方式,由对话框控件增强原始的元素具有动态width,height以及min-height适用的规则.

正如你可以看到在这个小提琴,如果你使用的浏览器的开发工具的布局来看,小部件不保证该对话框(边框和标题栏在内)的总大小保持您所指定的范围内.

Answer 2

最小/最大只是控制您可以调整大小的最小值.如果要将其设置为某个高度,请使用高度/宽度.也可能想要将方法名称'option'传递给dialog()调用.

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