在$（文档）.ready函数中打开时，jQuery UI对话框位置不正确

当从按钮单击事件显示时，我的jQuery UI模式对话框将显示在中央屏幕上，但是，如果我在document.ready期间打开它，在下面的loginDialog方法中，它将显示在可滚动窗口的底部

我怀疑问题与我在document.ready中加载了大量图像这一事实有关，在对话框打开调用之前。屏幕的可视部分已禁用，但对话框位于滚动窗口的底部。有趣的是，对话框位置选项

position: 'top', 

在document.ready期间似乎不起作用

$(document).ready(function () {

        serverGetMenu();
        getPhotos();

        $("#loginDialog").dialog({
            .............
        });

        if (isLoginRequest()) {
            loginDialog();
        }
    });

---

如何在document.ready期间或之后不久正确放置对话框？

问题已解决：我的jquery-ui-1.9.2.custom.css不正确

我原来的ThemeRoller“build”没有包含对话框小部件，所以我创建了一个新的build来包含对话框小部件。然后，我用新的jquery-ui-1.9.2.custom.js替换了现有的jquery-ui-1.9.2.custom.js，但我没有更新jquery-ui-1.9.2.custom.css文件

由于我缺乏使用jQuery UI的经验，我没有意识到，虽然我的对话框正常工作，但它的样式与应该的样式有一点出入，我不得不添加一些样式来纠正一些小问题。正确的jquery-ui-1.9.2.custom.css还解决了我必须解决的样式“问题”

我发现非常有趣的是，在我尝试在document.ready中显示我的对话框之前，缺少的对话框样式类并没有真正表现出那么大的“问题”。我从来都不知道样式会引起如此奇怪的问题，而且很难找到它。

您不能将对话框放在getPhotos函数的底部吗？