jQuery UI 对话框 maxHeight 选项

Dialog maxHeight选项用于设置对话框可以设置的最大高度。默认情况下，值为 false。

句法：

$( ".selector" ).dialog({
    maxHeight : 10
});

方法：首先，添加项目所需的 jQuery UI 脚本。

示例 1：

HTML

  

    
    
  
    
  
    
    
  
    
        $(function () {
            $("#gfg").dialog({
                autoOpen: false,
                maxHeight: false
            });
            $("#geeks").click(function () {
                $("#gfg").dialog("open");
            });
        });
    

  

    
        Jquery UI| maxHeight dialog option
        Jquery UI| maxHeight dialog option
        Jquery UI| maxHeight dialog option
        Jquery UI| maxHeight dialog option
        Jquery UI| maxHeight dialog option
        Jquery UI| maxHeight dialog option
        Jquery UI| maxHeight dialog option
    
  
    Open Dialog

  

输出：

示例 2：

HTML

  

    
    
  
    
  
    
    
  
    
        $(function () {
            $("#gfg").dialog({
                autoOpen: false,
                maxHeight: 10
            });
            $("#geeks").click(function () {
                $("#gfg").dialog("open");
            });
        });
    

  

    
        Jquery UI| maxHeight dialog option
        Jquery UI| maxHeight dialog option
        Jquery UI| maxHeight dialog option
        Jquery UI| maxHeight dialog option
        Jquery UI| maxHeight dialog option
        Jquery UI| maxHeight dialog option
        Jquery UI| maxHeight dialog option
    
      
    Open Dialog

  

输出：