使用jquery UI对话框,无论如何都有最大高度,如果它更小则使用'auto'

Question

我希望对话框具有最大高度设置,但是,如果内容较小,则缩小以执行height = 'auto'操作.这在JQuery UI对话框中是否可行？

Answer 1

您可以通过执行以下操作来实现此目的:

HTML

<div id="dialog" title="Dialog Title">
    Dialog content
</div>

JavaScript的

$('#dialog').dialog({
    resizable: false,
    minHeight: 0,
    create: function() {
        $(this).css("maxHeight", 400);        
    }
});

查看jsFiddle上的测试用例.

Answer 2

我用这个:

$('#dialog').dialog({
    maxHeight: $(window).height(),
    open: function() {
        $(this).dialog('option', 'maxHeight', $(window).height());
   }
});

当窗口改变大小时,在"打开"中重置maxHeight非常有用.