JQuery UI Dialog, "İletişim Konsolu" nu Görüntülemeden Önce Gösterir

Question

Bir kullanıcı siteme geldiğinde otomatik olarak açılan bir JQuery UI iletişim kutusunu kullanarak bir "Under Construction" iletişim kutusunu otomatik olarak gösterebiliriz. İşte

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"); 
     } 
    } 
    }); 
}); 

iletişim biçimlendirme edilir:

<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> 

iletişim inşaat büyük Burada iletişim için bir kod. Bunu yapmak için CSS kullanıyorum ve harika görünüyor, ancak sayfa ilk yüklendiğinde, arkasında görüntülenen sayfanın (ana sayfa) yüklendiği bir sürü resim var. Bu (sayfanın en altında bulunan) gösterir ve daha sonra iletişim gösterir ve her şey iyi. DIV'yi sayfada göstermeyi durdurmak ve iletişim kutusunu etkilememek için nasıl alabilirim?

Answer 1

Bu soruya doğrudan bir yanıt yoktur, bu nedenle, buna benzer bir yanıt için tarama yapanların daha kolay ve umarız olması için durumunuza uyacaktır. Zod, <style type="text/css"> .dialog {display:none}</style> kullanarak, iletişim kutusundaki herhangi bir girişin veya metnin sayfanın başında gösterilmesini engelleyecektir. Ayrıca, "belgeye hazır" ifadesinin kullanılması, belgenin yüklenmesi gerekene kadar belgenin hiçbir şey göstermesini engellemeye yardımcı olacaktır.