JQueryUI對話框顯示問題

Question

我有下面的代碼構建一個JQueryUI對話框彈出窗口。

$j('<div></div>') 
     .html(message) 
     .dialog({ 
      autoOpen: true, 
      bgiframe: true, 
      buttons: { 'Dismiss': function() { $j(this).dialog('close') } }, 
      closeOnEscape: true, 
      height: 'auto', 
      modal: true, 
      resizable: true, 
      width: 400, 
      title: 'An error has occurred'}); 

當彈出首先顯示給用戶，它看起來像下面的圖片，具有巨大的報頭。我知道沒有額外的css類被添加到彈出窗口中。

當我調整JQuery彈出窗口後，彈出窗口顯示正確。標題立即調整大小並正確顯示。

有沒有人碰到過這個？

alt text http://i26.tinypic.com/156vl3n.png

Answer 1

剛剛更新到最新的UI CSS和工作就像一個冠軍...感謝您的幫助將

Answer 2

我從來沒有遇到這個問題之前，但我建議兩兩件事：如果你要修復的症狀，而不是問題

，你可以只是做一個樣式替代：

.ui-widget-header { height: 100px }

您也可以嘗試刪除你的選項之一，在同一時間，看看其中的一個原因造成的問題。

Answer 3

此對話框標題問題，你可以簡單地下面的屬性添加到對話框的父類

.ui-dialog { clear: both; }