Arată splash screen o dată pe sesiune cu jQuery ... pagina de start „intermitent“ în timpul sarcinii

Question

Arată splash screen o dată pe sesiune cu jQuery ... pagina de start „intermitent“ în timpul sarcinii

voturi

42

Am încercat să fac un ecran intro / splash apar numai o singură dată pe sesiune pe pagina mea de start. O am de lucru cu script-ul de mai jos, dar ea „flash-uri“, pagina de pornire rapid înainte de a rula splash / intro pe sarcina inițială site-ul (încarcă site-ul ulterioare nu se va afișa div așa cum a dorit / necesar)

Am un div cu o clasă de .splash_section inițial ascunse & Alerg script-ul inclus mai jos.

Întrebare: Există o modalitate mai bună de a scrie script-ul, sau pur și simplu o modalitate de a preveni sau a organismului de la pagina de pornire rapid „intermitent“ înainte de spectacolele intro?

$(document).ready(function(){

if (sessionStorage.getItem('splash') !== 'true') {
$('.splash_section').show()
sessionStorage.setItem('splash','true');
}

});

Multumesc pentru orice ajutor în avans.

jquery html

Întrebat 21/11/2015 la 02:01
de către utilizator Brandon Vaughn

În alte limbi...

2 răspunsuri

voturi

0

Deoarece $(document).readyincendiile de apel invers atunci când toate elementele de pagină sunt analizate, cel mai bun pariu este de a pune elementul de stropire la partea superioară a corpului și rulați scriptul cu această funcție imediat după aceasta. În acest fel , se va încărca meta datele de cap, încărcați conținutul stropirii și afișa imediat înainte de orice alte elemente DOM , sunt încărcate.

Ceva de genul:

<body>
    <div class="splash_section"></div>
    <script>
    if (sessionStorage.getItem('splash') !== 'true') {
        $('.splash_section').show()
        sessionStorage.setItem('splash','true');
    }
    </script>
    ...

Publicat 21/11/2015 la 02:13
sursa de către utilizator Shomz

Vince · Accepted Answer · 2015-11-21 02:11

voturi

2

Autorul întrebării a acceptat acest răspuns ca fiind cel mai bun.

Mi-ar ascunde, de asemenea, conținutul paginii de start inițial, folosind css:

.home-page {
    display: none;
}

Apoi modificați script-ul la:

$(document).ready(function(){

    if (sessionStorage.getItem('splash') !== 'true') {
        $('.splash_section').show();
        sessionStorage.setItem('splash','true');
    }
    else {
        $('.home-page').fadeIn();
    }    
});

Publicat 21/11/2015 la 02:11
sursa de către utilizator Vince