jQuery dialog immer zentriert

Wie kann ich realisieren, dass ein jQuery modal dialog mit automatischer Breite & height wird immer zentriert im browser. Auch nach änderung der Fenstergröße des Browsers.

Folgende code funktioniert nicht. Ich denke, das problem ist die auto-Breite & height.

jQuery - code

$("<div class='popupDialog'>Loading...</div>").dialog({
  autoOpen: true,
  closeOnEscape: true,
  height: 'auto',
  modal: true,
  title: 'About Ricky',
  width: 'auto'
}).bind('dialogclose', function() {
  jdialog.dialog('destroy');
}).load(url, function() {
  $(this).dialog("option", "position", ['center', 'center'] );
});

$(window).resize(function() {
  $(".ui-dialog-content").dialog("option", "position", ['center', 'center']);
});

Danke!

  • Binden Sie die resize Veranstaltung auf der window und aktualisieren Sie Ihre top/left Positionierung entsprechend
  • Wie kann er markieren, kommentieren, wie die richtige Antwort, Frage ich mich? 🙂
  • Ich aktualisiert meine Frage.
InformationsquelleAutor shub | 2011-09-26
Schreibe einen Kommentar