2011-04-08 6 views
2

J'essaie de faire un tutoriel. J'ai fait un tutoriel et les choses étaient super. Passer à un autre et je ne peux pas le faire fonctionner. Je ne poste que parce que je viens de commencer ce tutoriel et les choses ne marchent pas. Quand 'Hello World' ne fonctionne pas, je suis frustré. Quoi qu'il en soit, voici mon HTML. Rien de spécial ici. J'attends une alerte Hello World au chargement de la page, mais je n'ai rien.Simple jQuery question

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

     $(document).ready(function() { 
    alert("Hello World"); 
    }); 

    </script> 

</head>                 
<body>                 
    <h2>My jQuery Test page</h2> 
    <a href="http://www.google.com">Google</a> 
<br>          
    <a href="http://www.yahoo.com">Yahoo</a> 
</body>                 

Le code original était plus complexe, mais il ne fonctionnera pas non plus.

$(document).ready(function() { 
    $("a").click(function() { 
    alert("Hello world!"); 
    }); 
}); 
+0

le chemin de votre fichier jquery que vous avez spécifié dans l'attribut src. – alexl

+0

Comme les gens l'ont dit ci-dessous - votre jquery.js n'est pas dans le même répertoire. Le code est valide. –

+0

Je suppose que jQuery n'est tout simplement pas chargé. Si c'est le cas, vous devriez voir quelque chose comme 'ReferenceError: $ is not defined' dans votre console. –

Répondre

6

Le problème peut être la référence pour jquery.js, car le code que vous avez apparaît correct. (Vous pouvez trouver plus d'informations concernant les deux directement y compris jQuery ou en utilisant un CDN here.)

Vous pouvez vérifier que votre code est dans le bon répertoire, ou si vous avez des difficultés, vous pouvez utiliser l'une des versions hébergées CDN en incluant:

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

Demo

+0

Le fichier existait mais le fichier était vide. Après avoir utilisé le lien de Rionmonster et l'avoir mis au travail, j'ai trouvé le problème. – jreddy

+0

Je suis content que vous ayez trouvé une solution :) –

1

la seule chose que je pouvais penser est que les jquery.js n'existe pas.

1

Une erreur de type javascript se produit. Peut-être que votre chemin jquery est incorrect. Vous pouvez essayer, y compris votre jquery de google: check

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.js"></script>