Jquery - mes pages ne s'affichent correctement qu'après un F5

Version imprimable

Bonjour,

Je travaille sur un projet en Jquery et je rencontre un problème gênant, lorsque je clique sur un lien pour aller à une autre page, mes feuilles de style ne sont prises en compte que lorsque j'actualise la page.

J'ai essayé sur deux postes différents, avec 3 navigateurs différents : Même résultat. J'ai à peu près chercher partout mais je n'ai pas trouvé de solution.

Mon code est très simple (ma feuille de style est layout.css), il s'agit bien de jquery mobile mais ce n'est que le début, je teste pour l'instant sur un navigateur :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <!DOCTYPE html> <html> <head> <title>Liste des propositions</title> <meta charset="ISO-8859-1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/layout.css"/> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> </head>
Merci pour votre aide,

10/12/2012, 16h06
SpaceFrog

mets des headers no cache sur tes fichiers css ou mest des directives htaccess pour eviter la mise en cache.
Ceci étant les fichiers css ne sont pas supposés changer à chaque chargement ...

Merci pour ta réponse, j'ai essayé mais ca ne marche pas.

J'ai ajouté des header header("Cache-Control: no-cache, must-revalidate");sur mes fichiers php

J'ai ajouté un fichier .htaccess :
Code:

1 2 3 4 5 6 7 8 9 10 <filesMatch ".(html|htm|js|css)$"> FileETag None <ifModule mod_headers.c> Header unset ETag Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate" Header set Pragma "no-cache" Header set Expires "Wed, 11 Jan 1984 05:00:00 GMT" </ifModule> </filesMatch>
J'ai aussi ajouté des meta dans le head :
Code:

1 2 <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Expires" CONTENT="-1">
et ça ne change rien.

10/12/2012, 16h46
SpaceFrog

tu as redémarré les services ?
tu as vidé ton cache ?
10/12/2012, 16h54
Barneys

Non mais je viens de le faire (redémarrer easyphp, vider le cache). test sur deux navigateurs différents et rebelote.

Je comprends pas pourquoi il me fait ça uniquement sur mes pages jquery.
10/12/2012, 16h58
SpaceFrog

en ajax ? CHrome ou IE8 ?
10/12/2012, 17h06
Barneys

Chrome et mozilla.

Je voulais dire, ce problème se pose que sur cette appli jquery, je n'ai jamais eu ce problème avant sur mes sites web.

EDIT : Bon un détail qui peut être important, avec IE(9) même en actualisant la page, les css ne sont PAS DU TOUT prises en compte.
10/12/2012, 18h19
Barneys

Apparemment, le css chargé dans la première page affichée reste le même pour toutes les pages qui sont appelées.

Pour ne pas trop tarder sur ca, j'ai résolu le problème en mettant tous mes fichiers Css dans la page index, toutes les pages appelées par la suite s'affichent correctement.

Merci pour ton temps spacefrog ;)
11/12/2012, 08h48
SpaceFrog

Ha jquery mobile, j'avais zappé ce détail
http://blog.dkferguson.com/index.cfm...loaded-content