bir kez jQuery ile oturum başına açılış ekranı göster ... anasayfa yüklemesinde "yanıp sönen"

Question

bir kez jQuery ile oturum başına açılış ekranı göster ... anasayfa yüklemesinde "yanıp sönen"

oy

42

Bir intro / ekranı ana sayfamda oturum başına yalnızca bir kez görünmesi için çalışıyorum. Ben aşağıda senaryo ile çalışan var ama yanıp söner sayfası hızla başlangıçtaki sitesi yüküne sıçrama / intro çalıştırmadan önce (istediği gibi sonradan sitesi yükleri div gösterme / gerekli)

I & I aşağıda yer senaryoyu çalıştırıyorum başlangıçta gizli .splash_section bir sınıf ile bir div var.

Soru: intro gösterilmeden önce hızla yanıp sönen dan ana sayfasını veya vücut önlemek için komut, ya da sadece bir yol yazmak için daha iyi bir yolu var mı?

$(document).ready(function(){

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

});

Önceden herhangi bir yardım için teşekkür ederiz.

jquery html

Oluştur 21/11/2015 saat 02:01
kullanıcı Brandon Vaughn

Diğer dillerde...

2 cevaplar

oy

0

Yana $(document).readygeri arama yangınları tüm sayfa öğeleri ayrıştırılan zaman, en iyi bahis sağ sonra o fonksiyonu ile komut vücudun en üst kısmında sıçrama elemanı koymak ve çalıştırmaktır. Bu şekilde o, baş meta verilerini yüklemek sıçrama içeriği yüklemek ve diğer DOM elemanları yüklenir önce hemen gösterecektir.

Böyle bir şey:

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

Cevap 21/11/2015 saat 02:13
kaynak kullanıcı Shomz

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

oy

2

Sorunun yazarı bu cevabı en iyi olarak kabul etti.

Ayrıca css kullanarak, başlangıçta ana sayfanın içeriği gizlemek olacaktır:

.home-page {
    display: none;
}

Sonra senaryoyu değiştirin:

$(document).ready(function(){

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

Cevap 21/11/2015 saat 02:11
kaynak kullanıcı Vince