Относительное позиционирование диалогового окна пользовательского интерфейса jQuery

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

Как я могу всегда располагать диалоговое окно по отношению к div-контейнеру сайта, а не к окну?

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


jquery jquery-ui jquery-ui-dialog
person MAXIM    schedule 21.06.2010    source источник

Ответы (1)


arrow_upward
1
arrow_downward

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

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

Это идея.

person Cyril Gandon    schedule 24.06.2010