Jquery ui jQueryUI对话框显示；对话部分“；展示前

我有一个jQueryUI对话框，当用户来到我的站点时，它会自动打开，这样我们就可以以模式显示“正在构建”对话框。以下是该对话框的代码：

    var $dialog = $('#dialog');
if ($.cookie("MySitePreviewCookie") != "firstView")
 $(function () {
   $.cookie("MySitePreviewCookie", "firstView", { expires: 180, path: '/' });
   // Show Dialog Div
   $dialog.dialog({
     autoOpen: true,
     resizable: false,
     modal: true,
     width: 600,
     buttons: {
       "Skip This": function () {
         $(this).dialog("close");
       }
     }
   });
  });
else
  $(function () {
     // HIDE Dialog Div 
     $dialog.dialog({
     autoOpen: false,
     resizable: false,
     modal: true,
     width: 600,
     buttons: {
       "Skip This": function () {
        $(this).dialog("close");
       }
     }
   });
 });

以下是对话框标记：

 <div id="dialog" title="Welcome to MySite" class="dialogStyles">
   <p>
   Our site is still under construction but please look around and get a feel for what
   we plan to offer. If you would like to sign-up for our newsletter, please enter
   your email address below and click the <strong>Sign-up for Newsletter</strong> button.
   </p>
   <p class="validateTips"></p>
   <br />
   <input type="text" id="ccEmailAddress" name="ccEmailAddress" class="required email"
      style="width: 250px" />
   &nbsp; &nbsp;<input id="btnAddNewsletter" class="submit" type="submit" value="Sign-    up    for Newsletter" />
</div>

我们的网站仍在建设中，但请环顾四周，了解情况
我们计划提供。如果您想注册我们的时事通讯，请输入
在下面输入您的电子邮件地址，然后单击“注册时事通讯”按钮。

---

对话效果很好。我有CSS来设计它，它看起来很棒，除了当页面第一次加载时，它后面显示的页面（主页）正在加载一堆图像。它显示（位于页面最底部），然后显示对话框，一切正常。我如何才能让它停止在页面上显示DIV而不影响对话框？

这个问题实际上没有一个直接的答案，因此为了让它更容易，希望那些正在浏览类似答案的人，这将适合您的情况。Zod是正确的…使用

.dialog{display:none}

将阻止对话框中的任何输入或文本提前显示在页面上。此外，使用“文档准备就绪”应该有助于防止文档在需要加载的所有内容准备就绪之前显示任何内容

您是否出于好奇而使用了

style=“display:none”

，如果不想显示对话框，为什么还要创建一个对话框（我假设您只想在站点的第一个视图中显示）？你甚至需要那个

else

语句吗？你不想在页面加载上显示它哇，我知道它是那样愚蠢的东西。我想知道为什么我所看到的演示从来没有显示这种设置或在它们的样式表中。很好，谢谢！