javascript - 自定义 jquery 模型窗口

Question

我已经习惯了获取 jquery 对话框，它也可以正常工作，但我不想让用户选择关闭它，因为我务实地关闭了它。

以下是弹出对话框的代码

<div id="emailNotification" title="Email Notification">
                                                <p>Please Wait Email is being sent....</p>
                                                      </div> 

这就是我关闭的方式；

$("#emailNotification").dialog('close');

右侧有一个我不想要的关闭选项，如何在 jquery 中禁用它。

请帮忙

Answer 1

我过去这样做的方式是覆盖 CSS jQUery-UI 声明以隐藏关闭按钮。通过对特定 CSS 进行子类化，您可以创建单独的实例，这些实例要么需要关闭按钮，要么不需要。

在我的脑海中，我认为特定的 CSS 看起来像这样......

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

类似地，对 jQuery-UI CSS 有透彻的了解还可以让你自定义对话框、选项卡等的“外观”，从而可以使用不同的样式、添加背景图像等。

Answer 2

感谢您的所有评论和答案。

以下解决了我的问题。

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