jQuery UI 对话框可拖动选项

对话框可拖动选项如果设置为 true 对话框将是可拖动的，或者如果设置为 false 对话框将不可拖动。默认情况下，值为true 。

句法：

$( ".selector" ).dialog({
    draggable: true
});

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

示例 1：

HTML

  

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

  

    
        Jquery UI| draggable dialog option
    
      
    Open Dialog

  

输出：

示例 2：

HTML

  

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

  

    
        Jquery UI| draggable dialog option
    
      
    Open Dialog

  

输出：