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" );
    }
  }
});

}）;

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

1 个答案: