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.

jquery ne se charge pas

jQuery

Vue hybride

Discussions similaires

Partager

Partager