Jquery

**Barneys** · 10/12/2012, 15h41

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 html :

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

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,

**SpaceFrog** · 10/12/2012, 16h06

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 ...

**Barneys** · 10/12/2012, 16h44

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 apache :

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

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 html :

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

1
2
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">

et ça ne change rien.

**SpaceFrog** · 10/12/2012, 16h46

tu as redémarré les services ?
tu as vidé ton cache ?

**Barneys** · 10/12/2012, 16h54

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.

**SpaceFrog** · 10/12/2012, 16h58

en ajax ? CHrome ou IE8 ?

**Barneys** · 10/12/2012, 17h06

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.

**Barneys** · 10/12/2012, 18h19

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

**SpaceFrog** · 11/12/2012, 08h48

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

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

Discussions similaires

Partager

Partager