JQuery UI Диалог относительного позиционирования

Question

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

Как мне всегда располагать диалог относительно окна контейнера сайта, а не окна?

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

Answer 1

Отслеживайте событие изменения размера окна и выполняйте необходимые настройки.

$(window).resize
(
    function()
    {
       $(myDialogSelector)[0].position().top = $(myDivSelector).position().top;
       $(myDialogSelector)[0].position().left = $(myDivSelector).position().left;
    }
);

Это идея.