Vermeiden Sie Kaskade Div mit JavaScript-Jquery Code

Question

Meine Seite überprüft einfach, ob Javascrit und Cookies im Client-Browser aktiviert sind. Wenn ja, zeigt das Skript div id = "conteudo" (Seiteninhalt) und hide div id = "aviso" (eine Art Warnung, um Funktionen zu aktivieren oder den Browser neu zu installieren, um fortzufahren). Wenn nicht, Skript beibehalten div id = "aviso" sichtbar und div id = "conteudo" ausblenden.

In meinem Offline-Projekt funktioniert alles perfekt, aber auf dem Server scheint diese Seite ein wenig langsam zu laden, wenn einige der Bedingungen des Skripts auftritt (Javascript oder Cookies deaktiviert) Ich kann Div ID = "Aviso" für einen Bruchteil sehen der Sekunde vor dem Bild. Es ist keine gute Erfahrung, wie ich es geplant habe. Wer weiß, wie ich das in meinem Code beheben kann? Vielen Dank.

var JS_Habilitado = false; 
var C_Habilitado = false; 

$(document).ready(function() 
{ 
    //Teste do JavaScript (se entrou aqui, está habilitado). 
    JS_Habilitado = true; 
    //Teste dos cookies. 
    var TEST_COOKIE = 'test_cookie'; 
    $.cookie(TEST_COOKIE, true); 
    if ($.cookie(TEST_COOKIE)) 
    { 
    $.cookie(TEST_COOKIE, null); //deletar o cookie. 
    C_Habilitado = true; 
    } 
    //Avaliação final. 
    if (JS_Habilitado&&C_Habilitado) 
    { 
    $("#aviso").hide(); 
    $("#conteudo").show(); 
    } 
    else 
    { 
    $("#aviso").show(); 
    $("#conteudo").hide(); 
    } 
}); 

Answer 1

Nach einschließlich JQuery Ihre Elemente verbergen:

$(document).ready(function(){ 
    $("#aviso").hide(); 
    $("#conteudo").hide(); 
}); 

Oder in CSS:

#aviso,#conteudo{display:none}