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

从 jQuery UI 对话框中删除关闭按钮

jQuery UI 对话框在右上角有一个方便的关闭按钮，由“X”符号。如果您想删除此按钮，请按以下方法实现：

选项 1：使用打开功能

要删除特定对话框的关闭按钮，您可以在创建 open 函数后覆盖它。下面是一个示例：

$("#div2").dialog({
    closeOnEscape: false,
    open: function(event, ui) {
        $(".ui-dialog-titlebar-close", ui.dialog || ui).hide();
    }
});

在此示例中，我们在对话框的标题栏中找到关闭按钮，并使用 hide() 方法隐藏它。

选项 2 ：使用 CSS

或者，您可以使用 CSS 隐藏页面上所有对话框的关闭按钮。添加以下 CSS 规则：

.ui-dialog-titlebar-close {
    visibility: hidden;
}

结论

这些方法允许您删除 jQuery UI 对话框上的关闭按钮，无论是针对特定实例还是通过 CSS 通用。通过自定义对话框的外观，您可以增强用户体验并根据您的特定要求进行定制。

以上是如何从 jQuery UI 对话框中删除关闭按钮？的详细内容。更多信息请关注PHP中文网其他相关文章！