如何删除 jQuery UI 对话框上的关闭按钮? [英] How to remove close button on the jQuery UI dialog?

问题描述

如何删除 jQuery UI 创建的对话框上的关闭按钮(右上角的 X)?

How do I remove the close button (the X in the top-right corner) on a dialog box created by jQuery UI?

推荐答案

我发现这最终有效(注意第三行覆盖了找到按钮并隐藏它的打开函数):

I have found this worked in the end (note the third line overriding the open function which find the button and hides it):

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

要隐藏所有对话框上的关闭按钮，您也可以使用以下 CSS:

To hide the close button on all dialogs you can use the following CSS too:

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

这篇关于如何删除 jQuery UI 对话框上的关闭按钮?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！