JQuery UI Диалог Позиционирование Центр Родителя - PullRequest
Новая
       17

JQuery UI Диалог Позиционирование Центр Родителя

1 голос
/ 01 ноября 2011

У меня есть следующий фрагмент кода ... 

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" }); 
};

независимо от того, что я пробовал до сих пор, диалоговое окно всегда отображается в верхнем левом углу браузера ...

Я что-то упускаю из виду?

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

заранее спасибо.

Ответы [ 3 ]

1 голос
/ 19 декабря 2011

нормально решено.

Вам нужно вызвать диалог так: 

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

таким образом, он добавляется к родительскому документу и возвращается к нормальному позиционированию.

0 голосов
/ 24 июля 2013

Я решил эту проблему, используя это решение : 

position: {my: "center", at: "center", of: window.top}
0 голосов
/ 17 июля 2012

Вы пытались также установить высоту в jQuery UIDialog.Я исправил проблему, установив высоту и ширину диалогового окна на тот же размер iFrame.

...