如何删除jquery ui对话框上的关闭按钮？

如何删除由jQuery UI创建的对话框中的关闭按钮（右上角的X）？

我发现这个工作到底（注意第三行覆盖打开的功能，找到按钮并将其隐藏）：

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

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

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

这里还有一个选项，就是使用不会超过页面上每个对话框的CSS。

CSS

.no-close .ui-dialog-titlebar-close {display: none }

HTML

<div class="selector" title="No close button">
    This is a test without a close button
</div>

Javascript。

$( ".selector" ).dialog({ dialogClass: 'no-close' });

工作示例

未经作者同意，本文严禁转载，违者必究！