JQuery UI Диалог Titlebar Выпуск

Question

Я надеюсь, что кто-то еще испытал это и может указать мне правильное направление относительно причины / исправления.

У меня проблема в том, что я использую jQuery UI-Dialog для ввода некоторых форм. Когда отображается диалоговое окно, оно полностью лишено заголовка. Я открыл его в firebug и заметил, что есть элемент CSS, обозначенный следующим образом:

element.style {
  display:none;
}

Элемент element.style в Firefox ссылается на / html / body / div [3] / div, который является div, используемым для самой заголовка. Когда я отключаю дисплей: нет; заголовок становится видимым. Итак, я знаю, что, по-видимому, является причиной этого, но также кажется, что этот css является результатом чего-то, возможно, происходящего в самом jquery, возможно.

Изначально я думал, что у меня могут быть конфликты CSS из-за моих файлов CSS, поэтому я закомментировал их и попытался запустить страницу только с библиотеками jquery, а также с пользовательскими CSS и изображениями. Всё ещё получаю то же самое.

Я боролся с этим уже несколько дней и мог бы действительно воспользоваться некоторыми советами.

Спасибо

UPDATE:

$(document).ready(function() { 
    $("#dlgEditMlgData").dialog({ autoOpen: false, 
                                  modal: true, 
                                  show: 'blind', 
                                  hide: 'explode', 
                                  title: 'Mileage Entry Edit Utility'
    }); 
    $("#dlgEditMlgData").hide().siblings().hide();
});

Answer 1

Есть ли причина, по которой вы вызываете $ ("# dlgEditMlgData"). Hide (). Siblings (). Hide ()?Когда вы инициализируете как диалог с autoOpen, установленным в false, диалог скрывается для запуска.Чтобы показать диалоговое окно, вы затем вызываете:

$('#dlgEditMlgData').dialog('open');

Нет необходимости явно вызывать hide () для диалогового окна или его дочерних элементов.

Answer 2

Вы разместили свой код следующим образом:

$(document).ready(function() { 
  $("#dlgEditMlgData").dialog({ 
    autoOpen: false,
    modal: true,
    show: 'blind',
    hide: 'explode',
    title: 'Mileage Entry Edit Utility'
  }); 
  $("#dlgEditMlgData").hide().siblings().hide(); 
});

Когда вы вызываете .dialog, элемент перемещается в конец документа и вставляется в оболочку (рамка диалога).

Но после этого вы вызываете hide на элементе, а также скрываете его родных братьев, что означает, что вы скрываете сам div, но вы также скрываете заголовок, который является родным для div после того, как он был перемещен.Если вам нужно скрыть элементы этого элемента, попробуйте сделать это перед созданием диалога.