jquery ne se charge pas

**Gluups** · 04/01/2016, 18h52

Bonjour tout le monde,

J'ai vu d'autres fils intitulés pareil, mais ... Il ne m'a pas semblé qu'une réponse s'applique dans tous les cas.

Hier j'ai passé du temps à me faire les dents sur une histoire de boîte de dialogue pour poser une question à laquelle répondre par oui ou par non. Le type même de chose qu'en VBScript on fait en une seule ligne de commande sans réfléchir, donc ça me désolerait un peu de passer plus d'une semaine dessus en Javascript.

Voilà comment ça s'est passé : j'ai vu une page web qui proposait une démonstration de l'affaire, ça m'affichait une belle boîte de dialogue. Pas d'événement sur la réponse Non, ça c'est un défaut, mais une fois qu'on en est là il doit y avoir moyen de moyenner.

J'ai mis le code dans un fichier texte comme ils ont dit : rien. Alors, je me suis dit que j'avais dû oublier un truc.

Et aujourd'hui j'ai vu un projet qui fait ça avec Bootstrap, alors comme j'ai un peu travaillé avec Bootstrap il n'y a pas si longtemps je m'y intéresse un peu plus. Quelque chose d'intéressant : le site que j'ai vu propose un projet de démonstration à télécharger.

http://www.webcodegeeks.com/css/boot.../#comment-4530

et le téléchargement se fait à la quatrième occurrence de "download".

Eh bien j'ai le bouton, mais il ne déclenche rien, et ça sur deux machines.

Les outils de débogage de Firefox ne montrent pas les modules jquery dans les sources, dans l'onglet débogueur.

D'ailleurs, IE8 m'avait déjà mis sur la voie en me disant qu'l y avait une erreur avec Bootstrap : le code Javascript nécessite jquery. ça au bout de pas loin de dix minutes.

Je me suis méfié d'une lubie du pare-feu, alors j'ai téléchargé jquery-1.10.1.js et jquery-ui.js des versions indiquées dans index.html, je les ai mis dans un répertoire scripts, puis j'ai remplacé les balises script de déclaration de jquery par

Code :

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

1
2
    <script src="/scripts/jquery-1.10.1.js" />
    <script src="/scripts/jquery-ui.js" />

Eh ben pareil.

Et dans les commentaires les autres disent que ça marche, donc a priori il n'y avait rien à changer, si ce n'est pour améliorer les temps de réponse et s'offrir ses aises pendant le développement.

A votre avis, qu'est-ce qui peut bien clocher sur mes configs ?

A propos j'ai vu quelque part (peut-être bien sur le site jquery) qu'on conseille de mettre la balise <script> dans le <body>, pourtant dans le projet de démo ils les mettent bien dans le <head>. Est-ce un point qui mérite qu'on pinaille dessus ?

**mathieu** · 04/01/2016, 19h52

Envoyé par Gluups

Je me suis méfié d'une lubie du pare-feu, alors j'ai téléchargé jquery-1.10.1.js et jquery-ui.js des versions indiquées dans index.html, je les ai mis dans un répertoire scripts, puis j'ai remplacé les balises script de déclaration de jquery par...

l'article que tu cites indique qu'il faut mettre la déclaration de jQuery avant celle de Bootstrap.
est ce que tu as fait comme cela ?

**Gluups** · 04/01/2016, 20h03

Absolument, en tout cas dans un premier temps. J'ai remplacé les anciennes déclarations par les nouvelles.

Après, comme ça ne donnait rien, je me suis aventuré à d'autres expériences.

D'habitude le jquery n'est pas un truc qu'il y a lieu de déclarer dans le registre, pas vrai ?

Ah je me rappelle : à un moment j'ai mis un alert() avant les déclarations script, et un après.

J'ai vu celui d'avant, pas celui d'après.

Pourtant, ce sont les mêmes fichiers jquery pour tout le monde ...

Sauf que j'ai fini par mettre un alert() dedans pour être avisé quand ça se charge : je n'ai été avisé de rien du tout.

**mathieu** · 04/01/2016, 20h59

est ce que tu peux nous montrer une combinaison de code qui ne fonctionne pas ?
en le mettant sur le site suivant par exemple pour qu'on puisse tester :
http://codepen.io/pen/

**Gluups** · 05/01/2016, 00h44

Bonjour,

Oui, je peux même faire mieux que ça : j'ai fourni le projet complet.

http://webcodegeeks.javacodegeeks.ne.../11/Modals.zip

Et semble-t-il les deux instructions qui ne fonctionnent pas sont celles-ci :

Code :

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

1
2
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

**Gluups** · 05/01/2016, 01h45

Bon, je ne sais pas si le coupable s'est senti gêné d'être désigné, toujours est-il qu'à présent jquery se charge.

En tête du body j'ai ajouté ceci :

Code :

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

1
2
3
4
5
6
7
    <a href="http://jquery.com/">jQuery</a>    
    <script src="scripts/jquery-1.10.1.js">
    <script src="scripts/jquery-ui.js">
    </script>    
    <script>
         alert("jquery local");
    </script>

Pour parler franchement l'idée me vient de cette page :
http://learn.jquery.com/about-jquery/how-jquery-works/

Et j'ai pourtant l'impression d'avoir "adapté", puisque dans le même temps j'ai laissé les déclarations originales (sur le repository Google) dans le header.

Dans l'après-midi j'avais essayé de les mettre à la place, mais bootstrap, dont la déclaration vient juste après, continuait de dire qu'il ne trouvait pas jquery.

Apparemment ce sont les modules locaux qui sont chargés puisque j'ai reconnu les alert() que j'y ai insérées. Si c'est ça il est chargé après bootstrap, logiquement ça ne devrait pas fonctionner, et pourtant si.

Dans l'après-midi j'ai oublié le s sur le nom du répertoire scripts, mais après je m'en suis rendu compte et j'ai corrigé le chemin. Normalement, ça aurait dû fonctionner quand j'ai rafraichi la page, non ?
Ah mais ça c'était dans le head. Finalement, ça compte ou pas ?

Maintenant on va pouvoir parler jquery.

Le résultat est un peu particulier, je dois dire. Le projet est supposé ouvrir une fenetre modale, qui affiche une vidéo. Or, je vois les messages de chargement dans la barre d'état, puis j'entends le son de la vidéo, mais je me demande où est la fenêtre modale. Je contnue de voir une fenêtre blanche avec un bouton bleu et c'est tout.

Donc, à ce stade j'ai l'impression que le mieux que j'ai à faire est de redémarrer ma machine et retester.

**Gluups** · 05/01/2016, 02h41

Bon, ça y est, ça marche.

Alors dans le body on ne peut charger qu'un module, le premier déclaré.
Dans l'ordre où je les ai mis ça charge jquery ce qui lui permet de charger la vidéo, mais ça ne charge pas jquery-ui, ce qui fait que la fenêtre ne s'affiche pas.

Si j'intervertis les deux déclarations, jquery-ui se charge, mais il n'y a pas jquery pour lui envoyer des instructions, donc fonctionnellement il ne se passe rien.

Une fois que je mets au moins un des deux dans le head, ça marche.

En fait le mieux c'est avec les deux dans le head comme c'était au départ.

Bon alors ça marche seulement avec les déclarations en local.

Est-ce que c'est habituel qu'un projet chargé en local ne fonctionne pas avec les déclarations sur le repository Google ?

**Gluups** · 05/01/2016, 02h49

J'ai trouvé : pour appeler jquery chez Google ça marche beaucoup mieux en mettant http: au début de l'adresse de chaque repository.

**NoSmoking** · 05/01/2016, 19h48

Bonjour,

ça marche beaucoup meux en mettant http:

en l’absence de protocol c'est le protocol de ta page qui est utilisé donc si tu est en local en mode file: cela revient à chercher des fichiers qui sont en

Code html :

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

1
2
<script src="file://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="file://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

**Gluups** · 05/01/2016, 20h14

Des sites que j'ai vus il y en a beaucoup qui font ça comme ça. Chez d'autres utilisateurs ça marche, est-ce que ça veut dire qu'ils ont déclaré les fichiers js comme devant être ouverts avec le protocole http ?

En fait, quand ils sont en local, on les ouvre bien avec le protocole file et ça marche. Est-ce que je dois installer différemment ?

Je suis peut-être un enfant gâté, finalement : sur ASP.Net il y a pas mal de boulot à fournir, mais on fait ce qui est dit dans la doc, et ça donne le résultat annoncé. J'avoue que perso, c'est comme ça que je trouve ça amusant à faire.

**SpaceFrog** · 06/01/2016, 09h08

un path relatif indique que le fichier se trouve sur le serveur ...
donc que les fichiers jquery ont été placés sur le serveur et non chargés depuis un CDN...

**Gluups** · 06/01/2016, 15h48

Oui, et un chemin absolu, logiquement, part de la racine du site, donc dans aucun des deux cas on ne va chercher sur un autre domaine. Je me demande d'où vient cette mode d'oublier de mettre http: et de laisser les lecteurs deviner pourquoi le projet ne tourne pas.

Sinon depuis j'ai trouvé un site sérieux pour apprendre le jquery :
http://www.tutorialspoint.com

Quelque chose que je trouve appréciable : quand on fait ce qu'ils disent, ça donne ce qu'ils disent.

**NoSmoking** · 06/01/2016, 20h08

Lorsque l'adresse commence par un // cela correspond à une URL relatives au protocole ce qui permet dans le cas d'un site en https: d'aller chercher une ressource en https et idem pour http:, cela permet d'avoir une cohérence dans les ressources.

Sinon depuis j'ai trouvé un site sérieux pour apprendre le jquery

Il existe également

• Débuter avec jQuery (La bibliothèque qui simplifie l'interaction), le livre complet sur developpez

sans oublier

• Les cours
• La FAQ jQuery
• et bien sûr les réponses sur le forum.

**Gluups** · 07/01/2016, 02h43

Ah, d'accord, donc pour que ça marche il aurait fallu que je crée un répertoire ajax.googleapis.com à la racine de mon disque, pour y recréer l'arborescence.
ça vaudrait le coup de le dire, quand on met le code à la disposition de débutants.
Une fois ceci fait, effectivement ça peut être une solution pas mauvaise, parce qu'avec le même chemin, sur la machine du développeur on utilise la bibliothèque en local, et après déploiement on utilise le "repository" Google directement, sans avoir à retoucher la page, sur le même principe que les chemins relatifs quand on publie la ressource avec le site.

Merci beaucoup pour cette explication, ça valait le coup de l'attendre deux jours ...

*

Effectivement j'ai fini par me rappeler qu'il y avait des topos ici, sur lesquels on m'a demandé mon avis en plus. Il faudra bien que je finisse par trouver un moment pour aller voir.

**Gluups** · 07/01/2016, 03h37

Envoyé par NoSmoking

Bonjour,en l’absence de protocol c'est le protocol de ta page qui est utilisé donc si tu est en local en mode file: cela revient à chercher des fichiers qui sont en

Code html :

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

1
2
<script src="file://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="file://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

En relisant le fil je m'aperçois que cette réponse a déjà été donnée il y a deux jours.

Merci d'avoir répété, la première fois j'étais tellement plongé dans le développement que je n'ai pas accordé une attention suffisante à la discussion.

Plus exactement, j'ai lu la réponse, mais je n'ai pas compris quoi en faire.

**SpaceFrog** · 07/01/2016, 08h20

donc dans aucun des deux cas on ne va chercher sur un autre domaine.

Code :

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

ajax.googleapis.com

c'est ton site ???

il aurait fallu que je crée un répertoire ajax.googleapis.com à la racine de mon disque

quel intérêt de rappatirer les script jquery alors qu'a la base le but est visiblement d'aller les chercher sur le CDN google api ?

**Gluups** · 07/01/2016, 09h33

Envoyé par SpaceFrog

Code :

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

ajax.googleapis.com

c'est ton site ???

En tout cas, l'expérience a montré qu'en protocole file, ce n'était en aucun cas celui de google en direct.

quel intérêt de rappatirer les script jquery alors qu'a la base le but est visiblement d'aller les chercher sur le CDN google api ?

Peut-être que ça fonctionne, sans avoir besoin de connexion ?

**SpaceFrog** · 07/01/2016, 10h04

Je n'ai jamais tenté de charger un fichier js par télépathie, mais j'ai des doutes quand même ...

"Charger un fichier" veut dire que le js est chargé en mémoire du navigateur afin d'être interprété.
Le navigateur doit donc récupérer le script sous forme de texte ...
En gros pour les scripts externes il y a 3 manière de charger les scripts

Avec le protocole http:
le fichier contenant le script peut se trouver physiquement à deux endroits ...
Sur le même domaine (serveur) que le site ... le script sera alors chargé de façon relative src ="../script.js"
Sur un autre domaine le script le script sera charge avec une url absolue src="http://www.domaine.com/script.js"

Avec le protocole file (uniquement en local) :
le fichier devra se trouver le le même réseau que le fichier appelant, et le niveau de sécurité devra permettre au navigateur d'accéder au fichier.

On peut également charger un script postérieurement au chargement de page au moyen de XMLHttpRequest (ajax)

**Gluups** · 07/01/2016, 10h29

ça marche quand même mieux que par télépathie

jquery ne se charge pas

jQuery

Discussions similaires

Partager

Partager