2013-05-16 5 views
2

Je continue d'avoir ce problème avec de nombreux extraits de code différents dans JQuery où le code que j'essaie fonctionne sur des sites comme JSFiddle et w3schools, mais ne fonctionne pas sur mon ordinateur lorsque j'essaie de charger un fichier html via Chrome. Ma question est, pour lancer JQuery localement, avez-vous besoin de compiler des logiciels comme vous auriez besoin de C, ou devrait-il fonctionner comme HTML/CSS avec un simple navigateur?Javascript/Jquery ne fonctionne pas en local

Voici un exemple d'un code simple qui fonctionne dans jsFiddle et W3Schools, mais ne fonctionne pas pour moi ...

<!DOCTYPE html> 
<html> 
<head> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> 
</script> 
<script> 
$(document).ready(function(){ 
    $("button").click(function(){ 
    $("p").hide(); 
    }); 
}); 
</script> 
</head> 

<body> 
<h2>This is a heading</h2> 
<p>This is a paragraph.</p> 
<p>This is another paragraph.</p> 
<button>Click me</button> 
</body> 
</html> 

De plus, si un compilateur est nécessaire. Pouvez-vous me recommander un? Merci pour votre aide!

+1

Un compilateur est pas nécessaire, mais je suppose que vous ouvrez le fichier directement, plutôt que d'utiliser un serveur web sur votre machine locale. Cela confond Chrome, qui utilise le protocole 'file:' pour charger jQuery, ce qui est faux car il devrait être HTTP. Vous pouvez résoudre ce problème en spécifiant 'http: //' dans votre script src ou en utilisant un serveur Web. – Matt

+0

Quels sont les problèmes que vous voyez? Des erreurs dans la console ou des demandes ayant échoué dans l'onglet réseau? Si vous essayez de faire des choses qui impliquent canvas, FileReader, ou d'autres choses "avancées" HTMl5-ish, elles ne fonctionnent généralement pas sur le protocole 'file: ///'. Pour contourner cela, je fais généralement 'python -m SimpleHTTPServer' dans mon répertoire racine, puis naviguez vers' http: // localhost: 8000' –

+0

duplication possible de [Chargement jquery de google ne fonctionne pas (pour moi)] (http://stackoverflow.com/questions/5875936/loading-jquery-from-google-doesnt-work-for-me) – undefined

Répondre

8

Ok, en utilisant la syntaxe // ne fonctionne pas lorsque vous utilisez dans le système de fichiers local - il recherche file://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js

Il est évident que ce fichier n'existe pas et jQuery n'est pas chargé sur la page. Vous devez le spécifier comme HTTP (s) ressource si vous allez ouvrir localement:

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

Cela a fait l'affaire, merci beaucoup! – Seslyn

4

Vous devez utiliser http: comme ça -

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