jquery模态对话框高度问题

时间:2012-05-01 07:44:38

标签: jquery html jquery-ui jquery-ui-dialog

我在网格中有一个链接点击,我在覆盖图上显示该特定行的注释(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
});

以下是点击事件和包含表

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

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

1 个答案:

答案 0 :(得分:2)

设置height: "auto !important",解决了我的问题。问题是叠加层正在拾取先前关闭的叠加层的高度。每次打开叠加层时,设置!important都会正确设置高度