JQuery UI Dialog-Positionierung von Eltern-Zentrum

Habe ich wieder eine funktionierende snippet wie folgt...

function LoadTheDialog($url) {
  $dialog = $('<div></div>');
  $dialog.html('<iframe id="theDialog" src="' + $url + '"  width="530px" height="600px" style="border: 0px;"></iframe>');
  $dialog.dialog({ width: 555, modal: true, resizable: false, draggable: false, 
    open: function (type, data) { $($dialog).parent().appendTo("body"); }
  }).dialog('widget').position({ my: "center", at: "center", of: window, collision: "none" }); 
};

egal was ich versucht habe, so weit, wird der dialog immer angezeigt, oben Links im browser...

Übersehe ich etwas offensichtliches?

Ich würde auch gerne die Tasche, die statische Breite & Höhe, und haben es automatisch die Größe, um die Größe des remote-Inhalte geladen aber die Optionen scheinen nicht zu funktionieren wie erwartet...

vielen Dank im Voraus.

muss etwas auf deine css.
hast du es geschafft, dies zu lösen?

InformationsquelleAutor user1011144 | 2011-10-31

  1. 1

    ok gelöst.

    Müssen Sie rufen Sie dialog wie dieser:

    window.parent.jQuery(>>the html or variable of your dialog<<).dialog({ >>the options<<  });

    so, dass die Art und Weise wird es an das übergeordnete Dokument und geht zurück auf die normale Positionierung.

    InformationsquelleAutor Milox

  2. 0

    Haben Sie versucht, auch die Höhe in der jQuery-UIDialog.

    Habe das problem behoben durch einstellen der Höhe und Breite des dialogs, um das gleiche von dem iFrame.

    InformationsquelleAutor AlCaponi

  3. 0

    Löste ich dieses Problem mit diese Lösung:

    position: {my: "center", at: "center", of: window.top}

    InformationsquelleAutor iKode

Schreibe einen Kommentar