如何使用 jQuery UI 制作基本对话框？

在本文中，我们将使用 jQuery UI 创建一个基本对话框。

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

示例 1：

HTML

  

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

  

    
        jquery UI| basic dialog option
    
      
    Open Dialog

  

输出：

示例 2：

HTML

  

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

  

    
        Jquery UI| basic dialog option
    
      
    Open Dialog

  

输出：