Лучший способ удалить кнопку закрытия в виджете диалогового окна JQuery UI? - PullRequest
21 голосов
/ 25 августа 2010

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

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

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

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

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

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

Есть предложения по настройке диалогового окна?

Ответы [ 2 ]

56 голосов
/ 25 августа 2010

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

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

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

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

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

2 голосов
/ 26 мая 2015

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

$("#divID").dialog({
   closeOnEscape: false,
   open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...