jQueryUI對話框高度增長過高

我有一個jQueryUI對話框，當用戶使用「open」事件打開它以啓動$（'＃dialogDiv'）.load（）調用時，它會加載其內容。jQueryUI對話框高度增長過高

如果有很多內容被加載，除了對話框的工程變得非常高。我想要的是限制高度。 maxHeight jQueryUI對話框選項看起來很完美，除非它只在你調整大小的時候生效。初始加載會增加對話框的真正高度，然後當您嘗試調整大小時，它會立即縮小到maxHeight。

我該如何製作一個動態加載的對話框，不會超出一定的高度？

來源

2010-10-26 at.

使用高度選擇，而initalization ... 爲EG-

<script> 
$(function() { 
    // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore! 
    $("#dialog").dialog("destroy"); 

    $("#dialog-confirm").dialog({ 
     resizable: false, 
     height:140, 
     modal: true, 
     buttons: { 
      "Delete all items": function() { 
       $(this).dialog("close"); 
      }, 
      Cancel: function() { 
       $(this).dialog("close"); 
      } 
     } 
    }); 
}); 
</script>

在這裏你可以看到「高度：140」

這定義了dilog將只有這種規模的，無論有多少數據在裏面.. 有關事件，選項，方法的更多細節下載（從here），提取和檢查出 jquery-ui-1.8.5.custom> development-bundle> docs> dialog.html

來源

2010-10-26 10:50:27

是的，我確實嘗試過高度，並在加載數據時保持這個高度。問題在於我希望高度可以調整到正確的數據高度...... – 2010-10-27 01:00:40

確保您正在加載的數據沒有額外的
或類似的東西。爲此，您可以使用Mozilla插件「Firebug」使用fire bug檢查html，我相信您可以找出對話框中額外空間的原因。 – 2010-10-27 08:50:15

我真的不知道如何理解你的評論，但我已經找出了這個類似問題的解決方案：http://stackoverflow.com/questions/4032468/adjust-height-on-jqueryui-dialog-對被作爲高的，如內容，先進的一個-MAX – 2010-10-28 07:45:17

爲類.ui-dialog添加CSS position:absolute;overflow:hidden將解決該問題。

來源

2012-02-23 16:22:05 deva

jQueryUI對話框高度增長過高

回答

相關問題