jquery模态对话框高度问题答案

【问题标题】：jquery modal dialog height issuejquery模态对话框高度问题
【发布时间】：2012-05-24 17:48:33
【问题描述】：

我在网格中有一个链接，单击该链接我会在覆盖层（jquery 模态对话框）上显示该特定行的 cmets。我在叠加层“评论、创建日期、创建者”上显示 3 列。以下是我用来实现此目的的 document.ready() 中的代码：

$(document).ready(function () {
$("#dvNotesPopup").dialog({
        autoOpen: false,
        width: 450,
        height: "auto",
        buttons: [{
            text: "Ok",
            click: function () {
                $(this).dialog("close");
            }
        }
        ]
    });
..... // some other code here
......// some other code here
});

下面是 On click 事件和包含表格的 div

 $("#dvNotesPopup").dialog("open"); 
 <div id="dvNotesPopup" title="Notes"  style="z-index: 999999">

我的问题是，当我点击一个包含非常大的评论文本的链接时，覆盖显示的高度很大，现在当我关闭此弹出窗口并单击包含小评论文本的链接时，覆盖仍然有旧的高度属性和网格大小在叠加层内非常小。我的意思是叠加层没有根据网格所在的 div 调整大小。有什么帮助吗？

【问题讨论】：

只是在黑暗中的一个镜头：在height: "auto", 属性之后添加一个close: function() { $(this).dialog('option', 'height', 'auto') }。看看这是否会重置它。
@rkw 在此处发布问题之前尝试过。它没有工作

标签： jquery html jquery-ui jquery-ui-dialog

【解决方案1】：

设置height: "auto !important", 解决了我的问题。问题是覆盖层正在增加先前关闭的覆盖层的高度。设置!important 使得每次打开叠加层时都可以正确设置高度

【讨论】：