chargement jquery ui-tab au bas du problème de repeint html et tab

Sur une page particulière, j'utilise jquery ui tab pour tabuler ma page web. Mes JavaScripts sont placés dans des fichiers externes et chargés à la fin de mon HTML. Sur l'événement prêt pour le document, la première chose que je fais est d'appeler le plugin tabify.chargement jquery ui-tab au bas du problème de repeint html et tab

Le problème est que le navigateur a déjà peint la page à ce stade, puis l'a repeint une fois qu'il a tabulé la page. Donc, je reçois un scintillement de l'écran en une fraction de seconde. Comment puis-je empêcher ce scintillement? Je ne veux pas charger JavaScripts car j'essaye d'optimiser mon site par les recommandations de Google PageSpeed / Yahoo YSlow.

<html> 
<body> 
.... 

<script src="tabify.js"></script> 
</body> 
</html>

tabify.js

$('document').ready(function(){ 
$("#tabs").tabs(); 
});

Source

2010-11-12 Aman

cacher le contenu avec css display:none; puis utilisez $("#tabs").show().tabs();

Source

2010-11-12 05:53:01 generalhenry

i essayé d'utiliser ce mais le problème est-il Kidda scintille chaque fois que l'utilisateur clique sur un autre onglet, n'a pas regarde que lisse spécialement que j'utilise également des onglets imbriqués – Aman

chargement jquery ui-tab au bas du problème de repeint html et tab

Répondre

Questions connexes