एक बार jQuery के साथ प्रति सत्र स्प्लैश स्क्रीन दिखाएँ ... होमपेज पर लोड होने के दौरान "चमकती"

Question

एक बार jQuery के साथ प्रति सत्र स्प्लैश स्क्रीन दिखाएँ ... होमपेज पर लोड होने के दौरान "चमकती"

वोट

42

मैं एक परिचय / स्प्लैश स्क्रीन मेरे होमपेज पर प्रति सत्र केवल एक बार प्रदर्शित करने के लिए कोशिश कर रहा हूँ। मैं इसे नीचे स्क्रिप्ट के साथ काम करने की क्या ज़रूरत है, लेकिन यह चमक होमपेज पर जल्दी से प्रारंभिक साइट लोड पर छप / परिचय चलाने से पहले (बाद साइट लोड div प्रदर्शित नहीं करते चाहता था / आवश्यक)

मैं .splash_section के एक वर्ग के शुरू में छिपा हुआ और मैं स्क्रिप्ट नीचे शामिल चला रहा हूँ के साथ एक div है।

प्रश्न: वहाँ एक बेहतर तरीका स्क्रिप्ट, या बस एक तरह से परिचय शो से पहले जल्दी से चमकती से होमपेज पर या शरीर को रोकने के लिए लिखने के लिए है?

$(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कॉलबैक पर सक्रिय होता है सभी पृष्ठ तत्वों पार्स कर रहे हैं, अपने सबसे अच्छे शर्त छप तत्व शरीर के सबसे ऊपर स्थित यह बाद सही है कि समारोह के साथ स्क्रिप्ट डाल दिया और चलाने के लिए है। यही कारण है कि जिस तरह से यह, सिर से मेटा डेटा लोड छप सामग्री लोड के बाद उसे तुरंत प्रदर्शित किसी अन्य डोम तत्वों लोड किए गए हैं से पहले होगा।

कुछ इस तरह:

<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

मैं भी शुरू में घर पृष्ठ की सामग्री को छिपाने के हैं, सीएसएस का उपयोग कर:

.home-page {
    display: none;
}

फिर अपने को स्क्रिप्ट बदलने के लिए:

$(document).ready(function(){

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