Как сделать, чтобы у jquery-ui-dialog не было кнопки закрытия? - PullRequest
Новая
       17

Как сделать, чтобы у jquery-ui-dialog не было кнопки закрытия?

3 голосов
/ 01 февраля 2012

Я не нашел этого в документации .

Должен ли я просто сделать кнопку закрытия display:none с помощью css, или в API есть чистый способ создать диалог без кнопки X (вверху справа)?

Ответы [ 3 ]

6 голосов
/ 01 февраля 2012

Это может решить вашу проблему: 

       $("#dialogId").dialog({
           closeOnEscape: false,
           open: function(event, ui) { $(".ui-dialog-titlebar-close", ui.dialog).hide(); }
       });
1 голос
/ 01 февраля 2012

Нет возможности отключить кнопку «X».Вам нужно было бы добавить css для отображения элемента none / hide () с классом 'ui-icon-closethick' при его загрузке и открытии.

0 голосов
/ 20 июня 2012

По какой-то причине .hide () не работает для меня. Это сделал: 

$('#divMsg').dialog({ title: 'Please wait...',
                      modal: true,
                      closeOnEscape: false,
                      open: function (event, ui) { $(".ui-dialog-titlebar-close", ui.dialog).css('display', 'none'); } }).text('Text To Display').css('background', 'white');

Этот фрагмент кода также показывает, как установить заголовок и текст диалогового окна - я использую его в качестве окна модального уведомления и закрываю его, когда мой вызов AJAX завершается.

...