如何使用 jQuery 从 jQuery UI 对话框中删除关闭按钮？

在本文中，我们将学习如何使用 JavaScript 移除 jQuery UI 对话框上的关闭按钮，这可以使用 hide() 方法来实现。 jQuery UI是一组精心设计的用户界面交互、效果、小部件和主题，构建在 jQuery JavaScript 库之上。对话框是一个临时窗口。应用程序创建一个对话框来检索用户输入，提示用户输入菜单项的附加信息。

句法：

$("Selector").dialog();

方法：

• 首先，将以下 jQuery 和 JQuery UI CDN 链接添加到脚本或将它们下载到您的本地计算机。
  

  
  

• 在正文中为对话框创建一个 div，并将 id 保持为 demoDialog。
• 现在，使用 jQuery dialog() 方法，创建 jQuery UI 对话框。

示例 1：此示例说明了带有关闭按钮的对话框。

HTML

  

    jQuery UI Dialog : demo dialog
    
    
    
    
    
    
    
        $(document).ready(function() {
            $("#demoDialog").dialog();
        });
    

  

     Dialog Widget with Close button
    
        Welcome to GeeksforGeeks
    

  

输出：

在这里，我们将看到使用 JavaScript 移除 jQuery UI 对话框上的关闭按钮。

句法：

$("Selector").dialog({
        open: function () { $(".ui-dialog-titlebar-close").hide(); }
});

方法：在正文中为对话框创建一个 div，并将 id 保持为demoDialog 。现在，使用 jQuery dialog() 方法，创建 jQuery UI 对话框，并且在 open 事件中，处理程序将编写一个函数来删除隐藏按钮。使用类“ui-dialog-titlebar-close”选择关闭按钮并使用 hide() 方法将其隐藏。

示例 2：此示例说明从对话框中删除关闭按钮。

HTML

  

    jQuery UI Dialog : demo dialog
    
    
    
    
    
    
    
        $(function() {
            $("#demoDialog").dialog({
                open: function() {
                    $(".ui-dialog-titlebar-close").hide();
                }
            });
        });
    

  

     Dialog Widget without Close button
    
        Welcome to GeeksforGeeks
    

  

输出：