jQuery UI 对话框模式选项

‘modal option’如果设置为 true 将禁用对话框中的其他项目。默认情况下，值为 false。

句法：

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

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

示例 1：

HTML

                                             

    

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

  

  
    Jquery UI| modal dialog option
  
    
  Open Dialog

    

输出：

示例 2：

HTML

                                             

    

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

  

  
    Jquery UI| modal dialog option
  
    
  Open Dialog

    

输出：