Question

我有一个jQuery对话框配置如下：

var dialogOptions = {
    autoOpen:       false, 
    modal:          false,
    draggable:      false,
    resizable:      false, 
    closeOnEscape:  false,
    minHeight:      450,
    minWidth:       800,
    height:         450,
    width:          800,
    create: function() {
        $(this).css("maxHeight", 450).css('maxWidth',800);        
    }

    buttons:        { "Close": function() { $(this).dialog("close"); }}
};

$("#detailDialog").dialog(dialogOptions);

我正在使用的jQuery版本是jquery-1.7.2。

我打开对话框以响应这样的href点击：

function openDetailDialog(url) 
{
    $('#detailDialog').dialog({'my':'center', 'at':'center','of':$(this)});
    $('#detailDialog').dialog('open').load(encodeURI(url)); 
}

我正在加载的div看起来像这样：

<div id="detailDialog" style="width:800px;height:450px;overflow-y:scroll;display:none;"></div>

我正在加载到对话框中的页面是一个显示SQL数据集的简单HTML表。

现在，数据集可以是任意长度，范围从一个记录到数百个记录。这一切都只是花花公子。

EVIL PROBLEM：我似乎无法每次都将jQuery对话框限制为相同的大小。第一次根据上面的设置正确显示。此后每次都太短或太长。我没有尝试似乎纠正这一点。

我是否需要在显示记录集的表格周围使用div？我试过没有用。

我在关于maxHeight的SO上看到很多东西，但是这个属性似乎没有得到对话框的尊重。

我准备好告别对话并回到1990年代的窗口流行音乐。

Answer 1

只需在css文件中添加以下css类

    <style type="text/css">
        .ui-dialog-content 
        { height: 450px !important; }
    </style>

如果您仍然遇到问题，请告诉我

对话框不限于指定的高度

1 个答案: