jQuery模态对话框高度问题

Question

我在网格中有一个链接，点击该链接后会在一个覆盖层上显示该行的评论（使用jquery模态对话框）。 我在覆盖层上显示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 调整大小。请问有什么帮助吗？

- TRR

---

只是瞎猜：在 height: "auto", 属性后面添加一个 close: function() { $(this).dialog('option', 'height', 'auto') }。看看是否可以重置它。 - rkw

@rkw 在发布问题之前尝试过那个方法，但它没有起作用。 - TRR

Answer 1

将 height: "auto !important", 设置为自动解决了我的问题。问题在于覆盖层会获取之前关闭的覆盖层的高度。使用 !important 可以使每次打开覆盖层时正确设置高度。

- TRR