Discussion :

[nicerico]

Bonjour

sur un projet qui utilise jquery ui
lorsque j'affiche une page, pendant une demi seconde j'ai un affichage sans css apparement et apres la page s'affiche correctement

savez vous d'où cela peut venir

merci

partie de mon header :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript" src="lib/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="lib/js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="lib/js/ui/ui.datepicker.js"></script>
<script type="text/javascript" src="lib/js/ajax.js"></script>
 
<link type="text/css" href="lib/css/redmond/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
<link type="text/css" href="base.css" rel="stylesheet" />	
<link type="text/css" href="custom.css" rel="stylesheet" />
 
$(document).ready(function() {
...

[Bovino]

Oui, dans la mesure où un script JavaScript est supposé pouvoir modifier le contenu d'une page, le chargement des scripts gèle l'interprétation de la page, donc tu dois attendre que tous les scripts aient fini d'être téléchargés et interprétés avant le chargement de tes CSS.
Un conseils, places toujours les feuilles de style avant les scripts

C'est d'ailleurs pour cela aussi que certains préconisent de placer les scripts à la fin de la page, juste avant la balises </body> (afin de faciliter par exemple le chargement des images).