L'appel à jQuery ne fonctionne pas

**Hjæir** · 12/07/2017, 21h30

Bonjour à tous,
Voulant m'essayer à jQuery, je n'arrive pas à la faire fonctionner...Je pense que le problème vient du fait que le caractère $ n'appelle malheureusement pas jQuery. Pourquoi ?

Voici mon code HTML :

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>
        <meta charset="utf-8">
        <script type="text/javascript" src="jquery.min.js"></script>
        <script type="text/javascript" src="jsjQuery.js"></script>
        <title>Test jQuery</title>   
    </head>
    <body>       
        <p><a href="#">Texte à cacher</a></p> Texte non caché.
    </body>
</html>

Et mon fichier jsjQuery.js est le suivant :

Code :

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

1
2
3
4
5
$( "p" ).hide();
$( "a" ).click(function( event ) {
  event.preventDefault();
  $( this ).hide();
});

Ceci est tout simplement un copier-coller de l'exemple de .hide() sur le site de jQuery. Mais pourtant, ça ne marche pas, le texte ne disparaît pas.
J'ai essayé de changer l'ordre des <script> dans le html, j'ai vérifié plein de fois s'il y avait des fautes de frappe, j'ai même tapé alert('Test jQuery'); dans le fichier jquery.min.js pour voir si le fichier fonctionnait, résultat oui il marche. Pareil pour le jsjQuery.js. Donc je ne comprends pas pourquoi le $ ne fonctionne pas.

Quelqu'un aurait-il une idée ?

**SpaceFrog** · 13/07/2017, 08h52

Regarde en console si tu as des messages d'erreur (F12)

Code :

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

1
2
 <script type="text/javascript" src="jquery.min.js"></script>
 <script type="text/javascript" src="jsjQuery.js"></script>

Le deux fichiers js sont bien dans le même répertoire que ta page html ?

ensuit vu le script de jsjQuery, il n'est pas dans un document ready ...
Les éléments ne sont pas instanciés (chargés) lorsque ces lignes sont interprétées.

Je ne saurais trop te conseiller que de jeter un oeil par là https://javascript.developpez.com/co...meworks#jquery
et en particulier cette introduction à JQuery http://pckult.developpez.com/tutorie.../introduction/

**Hjæir** · 13/07/2017, 18h40

Ca fonctionne, merci beaucoup !! J'ai trouvé la solution grâce au premier lien que tu as posté.
En fait il suffisait effectivement d'englober le tout dans $(document).ready(function() {});
J'ai trouvé ça surprenant puisque dans les tutoriels de Grafikart et de Pierre Giraud, ils n'écrivent même pas cette fonction. Enfin peu importe, le problème est résolu !

L'appel à jQuery ne fonctionne pas

jQuery

Vue hybride

Discussions similaires

Partager

Partager