web-dev-qa-db-fra.com

ReferenceError: Impossible de trouver la variable: $

J'utilise jQuery. Voici mon codage sur ma page principale:

<script type="text/javascript" src="script.js"> 
</script>

et mon script.js est:

$(document).ready(function(){    
     $("#title").click(function () {
        alert("Works!");
    });
});

Mon codage complet peut être trouvé ici: http://pastie.org/8676656 .

En utilisant un outil sur le navigateur, j'ai trouvé une erreur dans mon code javascript:

ReferenceError: Can't find variable: $

en ligne:

$(document).ready(function() {

Toute aide serait appréciée.

javascriptjqueryhtmlreferenceerror
13
Cheetaiean

Vous devez importer jQuery avant de l'utiliser:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>

Notez qu'il utilise // comme protocole (pas http:// ou https://), cela signifie: si votre fichier .html est à un http:// serveur, il obtiendra jQuery de http://ajax.google..., et si c'est à un https:// serveur, il l'obtiendra de https://ajax.google....


Remarque : Si, pendant le développement, vous ouvrez votre fichier HTML dans votre navigateur plutôt que sur un serveur, vous devez spécifier le protocole, comme dans cette réponse , sinon cela ne fonctionnera pas:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

De plus, vous devez, si possible, placer vos fichiers .js au bas de la page, juste avant de fermer </body>. Voir plus dans ici .

21
acdcjunior

Importez jQuery avant votre code

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"><script>
3
Geo

Inclure jQuery avant votre script

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js></script>
2
Satpal