सीएसएस

Question

प्रस्तुत करने के बाद प्रभावी होता है, मैं इस समस्या में भाग रहा हूं जहां मेरा पृष्ठ लोड होता है और फिर एक सेकंड के अंश के बाद सीएसएस प्रभाव या स्टाइल होता है।

 
One 
Two 
Three 

:

मुख्य मुद्दा मैं देख रहा हूँ JQuery टैब है कि मैं http://docs.jquery.com/UI/Tabs#source

जब पेज renders उपयोग कर रहा हूँ के साथ है, तो टैब इस तरह एक पल के लिए अन्य नीचे एक दिखाने और फिर टैब

के रूप में ठीक से प्रस्तुत करें क्या इसे ठीक करने का एक तेज़ और आसान तरीका है। धन्यवाद

Answer 1

यह स्टाइल नहीं है; यह jQuery UI जावास्क्रिप्ट लाइब्रेरी है, जो आपके पृष्ठ पर आवश्यक HTML जोड़ रहा है ताकि टैब सभी सुंदर दिख सकें।

आपके पास कुछ विकल्प हैं। सबसे पहले, आप अपने टैब को छुपा सकते हैं और एक बार jQuery UI ने अपना जादू पूरा कर लिया है। दूसरा, आप अपने टैब को स्टाइल कर सकते हैं ताकि वे तैयार आउटपुट के करीब पर्याप्त दिख सकें ताकि परिवर्तन इतना ध्यान देने योग्य न हो। तीसरा, आप jQuery UI को छोड़ सकते हैं और केवल टैब के साथ टैब को स्टाइल कर सकते हैं। सभी मान्य दृष्टिकोण, मैं कहूंगा।

आशा है कि इससे मदद मिलती है!

संपादित करें:

पहला विकल्प के लिए, मान लें कि इस टैब युक्त अपने div है करते हैं:

<div id="tabs"> 
    ...stuff... 
</div> 

अपने स्टाइलशीट में, #tabs छिपाने:

#tabs { 
    display:none; 
} 

फिर, अपने jQuery यूआई कॉल को इस प्रकार संशोधित करें:

var t = $("#tabs"); 

t.tabs({ 
    create:function(){ 
     t.show(); 
    } 
}); 

Answer 2

क्या सीएसएस जावास्क्रिप्ट के माध्यम से लागू किया गया है? उस स्थिति में आप कुछ स्थैतिक सीएसएस जोड़ सकते हैं जो कुछ स्थिर सीएसएस जोड़कर, जावास्क्रिप्ट निष्पादित होने से पहले तत्वों को कम से कम क्षैतिज रूप से व्यवस्थित किया जाता है।

यदि ऐसा होता है कि ब्राउज़र इसके बिना प्रतिपादन के बाद सीएसएस को लागू करने का निर्णय लेता है, तो आप ऐसा नहीं कर सकते हैं। हालांकि, यह हो सकता है कि सीएसएस धीरे-धीरे लोड हो (अगर यह एक बाहरी फाइल है), इस मामले में, आप एचटीएमएल में सीधे सीएसएस-सेक्शन में सबसे महत्वपूर्ण शैली जोड़ सकते हैं।

Answer 3

ब्राउज़र आमतौर पर आपके HTML कोड में दिखाई देने वाली फ़ाइलों को लोड करते हैं। पहले अपनी सीएसएस फ़ाइल में संदर्भ डालना सुनिश्चित करें ताकि यह जितनी जल्दी हो सके लोड हो।

यदि जावास्क्रिप्ट का उपयोग कर सीएसएस लागू किया जा रहा है, तो इसे तेज़ी से लोड करना संभव नहीं है। इसका उपयोग करने से पहले जावास्क्रिप्ट फ़ाइल को लोड करने की आवश्यकता है।

इसके अलावा, मुझे नहीं लगता कि ब्राउजर प्रतिपादन कैसे काम करता है इसे नियंत्रित करने का एक तरीका है।

Answer 4

weirdlover की प्रतिक्रिया लगभग मुझे (jQuery 1.5.2 का प्रयोग करके) के लिए काम किया है, लेकिन मैं create घटना हुक करने के लिए किया था:

var t = $("#tabs"); 

t.tabs({ 
    create:function(){ 
     t.show(); 
    } 
}); 

धन्यवाद!