Εμφάνιση οθόνη εκκίνησης μία φορά ανά συνεδρία με jQuery ... αρχικής σελίδας «αναβοσβήνει» κατά τη διάρκεια της φόρτισης

Question

Εμφάνιση οθόνη εκκίνησης μία φορά ανά συνεδρία με jQuery ... αρχικής σελίδας «αναβοσβήνει» κατά τη διάρκεια της φόρτισης

ψήφοι

42

Προσπαθώ να κάνω μια οθόνη intro / εκκίνησης εμφανίζεται μόνο μία φορά ανά περίοδο λειτουργίας στην ιστοσελίδα μου. Εγώ πρέπει να εργάζονται με το σενάριο κάτω αλλά «αναβοσβήνει» η ιστοσελίδα γρήγορα πριν από την εκτέλεση του splash / εισαγωγή στο αρχικό φορτίο ιστοσελίδα (μετέπειτα φορτία ιστοσελίδα δεν δείχνουν την div όπως ήθελε / χρειάζεται)

Έχω ένα div με την κατηγορία της .splash_section κρυμμένα αρχικά και είμαι τρέχει το σενάριο που περιλαμβάνονται παρακάτω.

Ερώτηση: Υπάρχει καλύτερος τρόπος για να γράψει το σενάριο, ή απλά ένας τρόπος για να αποτρέψει την αρχική σελίδα ή το σώμα από γρήγορα «αναβοσβήνει» πριν από τις παραστάσεις εισαγωγή εκεί;

$(document).ready(function(){

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

});

Ευχαριστώ για οποιαδήποτε βοήθεια εκ των προτέρων.

jquery html

Δημοσιεύθηκε 21/11/2015 στις 02:01
χρήστη Brandon Vaughn

Σε άλλες γλώσσες...

2 απαντήσεις

ψήφοι

0

Από $(document).readyτις πυρκαγιές επανάκλησης όταν όλα τα στοιχεία της σελίδας αναλυθεί, το καλύτερο στοίχημά σας είναι να τεθεί το στοιχείο βουτιά στην κορυφή του σώματος και να εκτελέσετε το σενάριο με την εν λόγω λειτουργία αμέσως μετά το. Με αυτόν τον τρόπο θα φορτώσει τα μετα-δεδομένα από το κεφάλι, τοποθετήστε το περιεχόμενο βουτιά και να το εμφανίσετε αμέσως πριν από τη φόρτωση οποιαδήποτε άλλα στοιχεία DOM.

Κάτι σαν αυτό:

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

Απαντήθηκε 21/11/2015 στις 02:13
πηγή χρήστη Shomz

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

Θα ήθελα να κρύψει και το περιεχόμενο της αρχικής σελίδας αρχικά, με τη χρήση CSS:

.home-page {
    display: none;
}

Στη συνέχεια, αλλάξτε το σενάριο σας:

$(document).ready(function(){

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