爲什麼jquery dialog（）自動調整高度，寬度失敗？

Question

我使用一些jquery的彈出dialogure

var div = $('#mditem_temp'); 
var dlg = $(div).html(data).dialog({ 
         height: 'auto', 
         width: 'auto', 
         modal: true, 
         show: "drop", 
         hide: "fold", 
         position: "top", 
         autoResize:true, 
         close: function (event, ui) { 
          $("#mditem_temp").dialog('close'); 
         }, 
         buttons: { 
          'Add': function (d) { 
           pqr(); 

           $(this).dialog('close'); 
           $("#mditem_temp").dialog('close'); 

          } 
         } 
        }).dialog('open'); 

，這是在它寫入的數據是一個局部視圖，但彈出不調整與數據高度的寬度。可能是什麼原因？

Answer 1

這通常是由您的數據變量中固定的高度/寬度或顯示問題引起的。檢查Firebug或類似工具中渲染的部分，看看它是否在對話框包含的區域之外進行渲染。如果不是，那麼它就是導致問題的數據html的大小。

另一種選擇，當然，將是動態設置對話框的高度上每個開口：

$(div).html(data).dialog({ 
    ... 
    open: function(){ 
    var height = [calculate height with JS]; 
    $(this).height(height); 
    } 
});