自定义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(); }
});