मैं jQuery यूआई टैब का उपयोग कर रहा हूं। मुझे यह सुनिश्चित करने के दौरान सामग्री लोड करने के झिलमिलाहट को कैसे रोकना चाहिए कि जावास्क्रिप्ट अक्षम होने पर सामग्री दिखाई दे रही है?jQuery ऑनलोड फ़्लिकर को अविश्वसनीय रूप से कैसे रोकें?
मैंने दस्तावेज़ को लोड होने पर शरीर में .js क्लास जोड़ने का प्रयास किया है, लेकिन जब टैब को जोड़ा जा रहा है, तब टैब लोड हो जाते हैं, फिर भी सामग्री की झिलमिलाहट होती है।
#container{display:none;}
<div id="container">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
</ul>
<div id="tabs-1">
<p>Tab 1</p>
</div>
<div id="tabs-2">
<p>Tab 2</p>
</div>
</div>
</div>
<script>
$(document).ready(function(){
$('#tabs').tabs();
$('#container').show();
});
</script>
सिर के अंदर या एचटीएमएल और सिर के बीच? –
जब तक कंटेनर div से पहले यह कोई फर्क नहीं पड़ता। लेकिन मैं इसे एचटीएमएल टैग (एचटीएमएल और हेड के बीच) के बाद रखूंगा –
आपके उत्तरों के लिए सभी को धन्यवाद। यह बहुत अच्छा काम करता है और एचटीएमएल टैग में अन्य कक्षाओं के लिए भी अनुमति देता है। –