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

Posted 2023-03-06

【中文标题】自定义jquery模型窗口[重复]

【英文标题】：Customise jquery model window [duplicate]

【发布时间】：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

【参考方案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(); 
);