2012-02-01 2 views
3

Я не нашел это in the documentation.Как сделать jquery-ui-dialog не иметь кнопку закрытия?

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

+0

Я уверен, что это невозможно для переключения через параметры. Нет смысла предлагать диалоги без закрытия. Это не будет хорошо для удобства использования. Если вам это нужно для целей дизайна, это можно сделать с помощью CSS. – Smamatti

+0

@Smamatti - диалог является частью мастера, где есть один способ продолжить работу - и просто закрытие диалогового окна в данный момент не является опцией. – ripper234

+0

Это дубликат http://stackoverflow.com/questions/9093486/dynamically-choosing-the-close-effect-on-a-jquery-ui-dialog –

ответ

1

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

+0

Я просто применяю css статически через 'dialogClass: foo' – ripper234

6

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

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

По какой-то причине .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 вызов.

Смежные вопросы