自定义jquery模型窗口[重复]答案

【问题标题】：Customise jquery model window [duplicate]自定义jquery模型窗口[重复]
【发布时间】：2013-01-08 09:21:44
【问题描述】：

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

以下是弹出对话框的代码

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

这就是我关闭的方式；

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

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

请帮忙

【问题讨论】：

见this post

标签： javascript jquery jquery-ui jquery-dialog

【解决方案1】：

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

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

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

以类似的方式，彻底了解 jQuery-UI CSS 还可以让您自定义对话框、选项卡等的“外观”，因此您可以使用不同的样式，添加背景图像，等等

【讨论】：

【解决方案2】：

感谢您的所有 cmets 和答案。

以下解决了我的问题。

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

【讨论】：