如何动态确定 jquery ui 对话框的高度？

Question

我正在显示一个包含大量内容的 jquery UI 对话框，我不希望对话框高度大于垂直父窗口。现在我只是将高度硬编码为 740

$("#myDialogContainer").dialog({
    resizable: false,
    height: 740,
    autoOpen: false,
    width: 1065,
    modal: true

但对于拥有大型显示器的人来说，这个“截止”是不必要的。如果我做汽车，那么对于使用小显示器、笔记本电脑等的人来说，垂直时间太长了。

如何将高度设置为始终适合父窗口并在其较大时滚动但在不需要时不滚动？

Answer 1

试试这个！

$(function() {
var maxHeight = $(window).height();
$(window).resize(function(){
    maxHeight = $(this).height();
    $( "#myDialogContainer" ).dialog( "option", "height", maxHeight );
}); 
$( "#myDialogContainer" ).dialog({
  resizable: false,
  height: maxHeight,
  modal: true,
  buttons: {
    "Delete all items": function() {
      $( this ).dialog( "close" );
    },
    Cancel: function() {
      $( this ).dialog( "close" );
    }
  }
});

});