jQuery UI Dialog Titlebar Ausgabe

Question

Ich hoffe, dass jemand anderes erlebt hat und mich in die richtige Richtung in Bezug auf die Ursache / fix zeigen kann.

Das Problem, das ich habe ist, dass ich für einige Formulareingabe eines jQuery UI-Dialog verwenden. Wenn der Dialog angezeigt wird, ist es von der Titelleiste ganz frei. Ich knackte es in Firebug öffnen und bemerkte, dass es ein CSS-Element wie folgt bezeichnet;

element.style {
  display:none;
}

Die element.style, in Firefox erscheint / html / body / div beziehen [3] / div welche die div für die Titelleiste selbst verwendet wird. Wenn ich deaktivieren Sie die display: none; die Titelleiste sichtbar wird. Also, ich weiß, was es zu verursachen, wird erscheinen, aber es scheint auch, dass die CSS das Ergebnis von etwas geschieht möglicherweise in jquery selbst vielleicht.

Ich hatte gedacht, dass ich CSS Konflikte könnten aufgrund meiner CSS-Dateien werden mit, so dass ich sie aus und versuchte, kommentiert mit der Seite laufen nur die jquery Libs und die benutzerdefinierte CSS und Bilder. immer noch das gleiche.

Ich habe dies seit Tagen kämpft jetzt und wirklich einige Ratschläge gebrauchen könnte.

Danke

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

Sie geschrieben Code wie folgt:

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

Beim Aufruf .dialog das Element an das Ende des Dokuments bewegt wird, und in eine Umhüllung (Der Rahmen des Dialogs).

Aber danach rufen Sie verstecken auf dem Element und verstecken auch seine Geschwister, die bedeutet, dass die div sich verstecken, aber sie verbergen auch die Titelleiste, die ein Bruder des div ist, nachdem es bewegt wurde. Wenn Sie die Geschwister des Elements Versuch vor dem Erstellen des Dialog dabei zu verbergen.

Answer 2

Gibt es einen Grund, dass Sie anrufen $ ( "# dlgEditMlgData"). Hide (). Geschwister (). Hide ()? Wenn Sie eine als Dialog mit Auto-Open-Set auf false initialisieren, wird der Dialog zu starten versteckt. Um den Dialog zu zeigen, rufen Sie dann:

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

Keine Notwendigkeit, explizit Aufruf hide () auf dem Dialog oder seine Geschwister.