Лучший способ удалить кнопку закрытия в виджетах диалогового окна jQuery UI?

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

Я не хочу, чтобы люди могли закрыть диалоговое окно.

Я покрываю его на угол кода, обрабатывая:

closeOnEscape: false,
beforeclose: function (event, ui) { return false; }

Я пытаюсь не писать script, чтобы захватить класс /id кнопки закрытия, а затем скрыть его вручную. И я также не хочу менять CSS вручную, поскольку диалоговое окно может иметь ситуации, когда ему нужна кнопка закрытия.

Я бы предпочел как-то сделать это с конфигурацией диалога, но либо не могу понять, как это сделать, либо диалоговое окно вообще не допускает его.

Любые предложения по настройке диалогового окна?

Ответы

Ответ 1

Я нашел это хорошим решением

$("#myDialogID").dialog({
    closeOnEscape: false,
    beforeClose: function (event, ui) { return false; },
    dialogClass: "noclose"
});

Не изменяйте существующие стили, вместо этого добавьте новый бит:

.noclose .ui-dialog-titlebar-close
{
    display:none;
}

Добавление класса оказалось довольно элегантным методом, поскольку я "классифицирую" диалог как тот, который не может быть закрыт.

Ответ 2

Я нашел другое решение, работает для меня:

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