jquery - jquery对话框渲染延迟

Question

我有一个 Jquery 对话框，我想在页面加载后立即打开它。我在对话框背景显示的页面上有一些信息。当页面被点击时，打开对话框有一些延迟（不知道为什么），所以先显示对话框背景的信息，然后显示对话框。我不希望用户在后台看到信息，一段时间后对话框打开看起来很难看。我可以在页面呈现后立即同时打开对话框吗？下面是代码，

$(document).ready(function()
            {
            $("#showForm").dialog({
         autoOpen:true,
     position:'center',
        height:200,
        width: 452,
        modal: true

            });
            });

Answer 1

您不需要将 autoOpen 设置为 true 是默认选项，无论哪种方式，如果您在 #showForm 上通过 CSS 设置 display:none，它应该是不可见的。

Answer 2

您可以尝试将对话框命令放在 $(document).ready() 之外。虽然从未尝试过。

通常的另一个选择是在后台隐藏信息并添加一个打开事件回调来显示它：

$("#showForm").dialog({
     autoOpen:true,
     position:'center',
    height:200,
    width: 452,
    modal: true
    open: function(event, ui) { $('#mybackgoundstuff').show(); }
        });