jqueryモーダルダイアログの高さの問題

Question

私はクリックしたグリッドにリンクを表示していますが、その特定の行のコメントをオーバーレイ（jqueryモーダルダイアログ）に表示します。オーバーレイに3つの列を表示します。 "コメント、作成日、作成者"以下は

$(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 
}); 

オンクリックイベントで、テーブル

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

を持っているdiv要素は、私の問題がある：以下は、私はこれをacheiveするために使用していますdocument.readyのコードは（）であります非常に巨大なコメントテキストを持つリンクをクリックすると、オーバーレイが大きな高さで表示され、このポップアップを閉じて小さなコメントテキストを持つリンクをクリックすると、オーバーレイにはまだ古い高さ属性とグリッドが残っていますサイズはオーバーレイ内で非常に小さいです。私は、グリッドが存在するdivに従ってオーバーレイがサイズ変更されていないことを意味します。どんな助け？

Answer 1

height: "auto !important",を設定すると、私の問題が解決しました。問題は、オーバーレイが前に閉じた高さをピックアップしていることです。 !importantを設定すると、オーバーレイを開くたびに高さが正しく設定されました。