jQuery UI Dialog相对定位

Question

基本上我希望对话框保持在页面上的相同位置，即使在更改窗口大小或切换到全屏窗口时也是如此。

如何始终将对话框定位到站点容器div而不是窗口？

例如，我的网站容器div宽度为960px，并以页面为中心。我希望对话框始终显示在该容器内的相同位置，即使我调整窗口大小。

Answer 1

跟踪调整大小窗口事件并进行所需的调整..

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

这就是主意。