Как удалить кнопку закрытия в диалоговом окне jQuery UI?

Question

Как убрать кнопку закрытия ( X в правом верхнем углу) в диалоговом окне, созданном пользовательским интерфейсом jQuery?

Answer 1

Как насчет использования этой чистой строки CSS? Я считаю, что это самое чистое решение для диалога с указанным Id:

.ui-dialog[aria-describedby="IdValueOfDialog"] .ui-dialog-titlebar-close { display: none; }

Answer 2

Я фанат однострочников (где они работают!). Вот что у меня работает:

$("#dialog").siblings(".ui-dialog-titlebar").find(".ui-dialog-titlebar-close").hide();

Answer 3

Вы можете удалить кнопку закрытия с кодом ниже. Есть и другие варианты, с которыми вы можете бороться.

$('#dialog-modal').dialog({
    //To hide the Close 'X' button
    "closeX": false,
    //To disable closing the pop up on escape
    "closeOnEscape": false,
    //To allow background scrolling
    "allowScrolling": true
    })
//To remove the whole title bar
.siblings('.ui-dialog-titlebar').remove();