Check cookie und addClass, aber es ist zu langsam

Question

Bei Fensterladefunktion überprüfe ich, ob es ein Cookie gibt und ich füge eine CSS-Klasse hinzu, um ein Element auszublenden. Aber es ist nicht schnell genug, wenn man die Seite öffnet, zeigt es das versteckte Element für eine Sekunde. Gibt es einen besseren Weg dies zu tun, ohne das versteckte Element zu sehen?

Dies ist das Skript verwende ich (ich benutze jQuery):

$(window).load(function() { 
    if ($.cookie('note')) { 
     $('.note').addClass('hide'); 
    } 
}); 

Answer 1

einfach die Funktion invertieren, um nur das Bild zeigen, wenn das Cookie nicht existiert:

$(window).ready(function() { 
    if (typeof $.cookie('note') === 'undefined') { 
     $('.note').removeClass('hide'); 
    } 
}); 

Offensichtlich hat Ihr Der Standardstatus sollte die Klasse hide enthalten.

auch, wie erwähnt verwenden Sie nicht load() es ist veraltet, funktioniert nicht sehr gut und fügt eine unnötige Verzögerung zu Ihrem Code ausgeführt werden.