如何删除jQuery UI对话框上的关闭按钮？

Question

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

Answer 1

我发现这最终有效（注意第三行覆盖open函数，找到按钮并隐藏它）：

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

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

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

Answer 2

“最佳”答案对多个对话框不利。这是一个更好的解决方案。

open: function(event, ui) { 
    //hide close button.
    $(this).parent().children().children('.ui-dialog-titlebar-close').hide();},