"$ is not defined" de manière aléatoire

[gmartintin]

Bonjour,

Je me retrouve avec un comportement inattendu à la suite du déploiement d'un site sur environnement de PROD.
La nouvelle version utilisé maintenant JQuery, et ne posait aucun soucis "en local".
Seulement voilà : je me retrouve avec des "$ is not defined" de manière complétement aléatoire : hé oui, parfois cela passe.

Auriez-vous des suggestions ?
J'ai écarté pas mal de possibilités du fait que cela fonctionne 3 fois sur 4 ...
Cela donne l'impression que sur certains chargements les js sont chargés avant jquery.

A noter que j'ai également du coup dans certains cas carrément des pages blanches ... (avec appuis successifs sur F5 pour espérer retrouver la page désirée)

Avez-vous déjà rencontré ce type de comportement ?

Merci d'avance,

Gmartintin

[Bovino]

Avez-vous déjà rencontré ce type de comportement ?

Oui. En général, c'est lié au code...

[andry.aime]

Bonjour,

Envoyé par gmartintin

J'ai écarté pas mal de possibilités du fait que cela fonctionne 3 fois sur 4 ...
Cela donne l'impression que sur certains chargements les js sont chargés avant jquery.

Une fois que tu as pu charger jQuery sur une page, le navigateur ne le chargera plus mais utilise ce de la cache.

Envoyé par gmartintin

A noter que j'ai également du coup dans certains cas carrément des pages blanches ... (avec appuis successifs sur F5 pour espérer retrouver la page désirée)

Avez-vous déjà rencontré ce type de comportement ?

Oui, quand j'étais au fond coin du monde et j'ai utilisé un smartphone pourri made in China comme modem .
Sinon, fait voir ton code comme disait Bovino.

A+.

[gmartintin]

Ok, je vous mets ça ce soir, dès que je peux avoir accès au serveur (j'ai été obligé de faire un rollback désespéré hier)

Mais quel est le code le plus utile dans ce cas précis ? un lien direct vers la page ? Ou le code copié dans un post (ce qui sera, je l'avoue, plus simple pour moi, car je peux récupérer ça sur le serveur local sans redéployer) ?

[gmartintin]

Je m'excuse pour ne pas avoir attaché le code source dès l'ouverture du sujet, j'éai été à l'encontre de ce que je prone à la longueur de journée, mais après plusieurs heures à m'énerver là dessus, je pense que je n'étais plus très lucide ...

J'ai eu peur que tout coller sauvagement dans le texte ne nuise à la lisibilité, vous trouverez donc en pièce jointe :
- le fichier source de ma page
- les 3 fichiers js utilisés.

Ce que j'ai pu constater : environ une fois sur 4, j'ai droit à une erreur de type "$ is not defined", que j'ai pu détecté dans le gestionnaire d'erreur Firefox. Tout le javascript tombe (=> menu, slideshow et shoutbox).
Par fois même, j'ai carrément une page blanche (sans savoir par contre si cela peut avoir un lien).
A noter :
- à priori, il y a un problème avec le menu, pas visible sous IE (il faut que je me penche sur la CSS), mais je suis parti sur le principe que cela n'était pas forcément lié
- jamais eu de soucis sur mon serveur local.

J'avoue qu'une bonne partie du code n'est pas de moi, mais a été copié sur d'autres sites.

Si jamais cela vous inspire, je suis preneur, je sèche un peu pour le moment.

Bien à vous,

Gmartintin

[Alexdezark]

Bonjour,

Il me semble que tu utilise des bibliothèques qui utilisent également $ (slideshow + mootools)

J'ai pas eu le temps de vérifier si tu utilises mootools ou une autre biblio...

Si c'est le cas, le $ n'est pas refusé de manière aléatoire mais quand le navigateur fait appel à jQuery en même temps qu'une autre bibliothèque "antagoniste"

Dans ce cas il te faut utiliser

Code :

jQuery.noConflict();

et remplacer tous les $ utilisés par les fonctions jQuery par : "jQuery"

regardes la doc de jQuery.noConflict sur le sujet.

Bonne journée

[gmartintin]

Merci pour ta réponse, je vais essayer cette alternative. Je vais me documenter sur le noconflict.

Toutefois, je n'utilise que du jquery ou du jquery-ui (cf source) ... sauf erreur de ma part ?

[Alexdezark]

donc, si tu n'utilises pas d'autres biblios cela ne vient pas de ça...

pourquoi ceci dans "source-index.txt" :

Code :

<!--<script type='text/javascript' src='./javascript/jquery.js'></script>-->

parce que si tu testes avec ça, c'est sûr que : $ is undefined"

Une autre chose peut considérablement "embrouiller" le navigateur, c'est si l'on charge plusieurs fois la biblio jQuery dans la même page (templates, pages imbriquées, etc..)

[gmartintin]

J'ai mis cette ligne en commentaire parce que sur la ligne du dessus je charge la version minified :

Code :

<script type='text/javascript' src='./javascript/jquery.min.js'></script>

=> première ligne commentée pour éviter ces problèmes de "multi chargement".

Ce qui est pertubant, c'est que cela n'est pas systématique, et que je n'ai aucun soucis en local

[Sharcoux]

utilise firebug et regarde dans quel ordre les éléments sont chargés. J'arrive pas à ouvrir tes sources, mais on dirait un problème de synchronisme : $ est appelé avant que jquery ait fini d'être chargé.

[gmartintin]

J'ai réussi à faire cohabiter les deux version du site sur le même serveur, je vais pouvoir faire des tests en condition de PROD.
Je vous tiens au courant.

[gmartintin]

J'obtiens les résultats suivants sur le chargement des JS sur une paque qui fonctionne

Je suis surpris par la durée d'attente.
De la même manière, normalement tout devrait être en cache non ? Je vois pourtant un délai de connexion ...

[Alexdezark]

Le plus pratique serait quand même que nous puissions accéder à la version de test du site...

une petite url peut-être ?

[gmartintin]

Pas trop-trop le droit, je ne suis pas propriétaire du site, pas autorisé à diffusé l'url

A noter que depuis que je l'ai re-uploader à un autre sur le serveur, je n'arrive plus à le faire planter ...