JQuery UIダイアログでは、表示する前に「Dialog Div」と表示されます

Question

「Under Construction」ダイアログをモーダルで表示できるように、ユーザーが自分のサイトに来ると自動的に開くJQuery UIダイアログがあります。ここで

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を表示しなくても、ダイアログには影響しないようにするにはどうすればよいですか？

Answer 1

この質問に直接答えはありませんので、これに似た回答を参照している方が簡単にうまくいけば、これはあなたの状況に合ったものになります。 Zod is correct ... <style type="text/css"> .dialog {display:none}</style>を使用すると、ダイアログの入力やテキストがページに早期に表示されなくなります。また、「文書準備完了」を使用すると、ロードする必要があるすべての準備が整うまで文書に何も表示されなくなります。