jQuery UI 对话框可调整大小的选项

‘resizable option’如果设置为 false，对话框将无法调整大小。默认情况下，值为真。

句法：

$( ".selector" ).dialog({
  resizable: false
});

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

示例 1：

HTML

                                             

    

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

     

  
    Jquery UI| resizable dialog option
  
    
  
    Open Dialog
  

    

输出：

示例 2：

HTML

                                             

    

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

  

  
    Jquery UI| resizable dialog option
  
    
  Open Dialog

    

输出：