Probleme inconnue Résolu/Fermé

Question

Bonjour, je me suis mis a js pour effectuer un smoothscroll sur mon site longpage avec la librairie JQuery. Je suit actuellement un tuto sur graphikart qui explique à merveille, sauf que j'ai un problème et je sais pas d'où il viens.
j'ai pourtant bien importé les librairies jQuery sur ma page html :

<head>
        <meta charset="utf-8" />
        <link rel="stylesheet" href="style.css" />
        <title>Mon Site</title><!-- titre -->
        <link rel="icon" type="image/png" href="logoombrev2.png" />
        <souligne><script type="text/javascript" src="jquery.js"></script></souligne>
        <script type="text/javascript" src="scroll.js"></script>
    </head>

Car lorsque dans mon scroll.js je met une alerte quelconque, elle me l'affiche, actuellement j'ai ce bout de code dans mon scroll.js:

$(document).ready(function(){
	$("a[href^='#']" ).click(function(){
		alert('test')
	});
});

Ce qui sur mon site doit normalement m'afficher une alerte (test) quand je clique sur un lien (a) qui commence (^=) par :#

Or rien ne s'affiche.
Le liens du tuto pour les intéressés:http://www.grafikart.fr/tutoriels/jquery/scrolling-anime-44

Mirzo · Answer

Bonsoir adelin,

Essai avec le point virgule à la fin de ton alert, je pense que ça viens de là ;). Fais bien attention à mettre des points virgules à la fin de tes lignes/functions...

$(document).ready(function(){
	$("a[href^='#']" ).click(function(){
		alert('test'); //Point virgule
	});
});
 
 
Bonn continuation !
--

Utilisateur anonyme · Answer

Bonjour

Tout d'abord, le point virgule n'est pas nécessaire à la fin des instructions en PHP : un passage à la ligne suffit. Tu peux retirer celui du alert et ceux des }), ou les laisser, ça ne fait pas de différence.

Chez moi, ton script marche. La seule ligne que j'ai modifiée c'est <script type="text/javascript" src="jquery.js"> pour l'adapter au chemin de la bibliothèque (et non pas librairie !) jquery.
Je soupçonne donc que le problème vient de l'accès à cette bibliothèque.
1 - sais-tu vérifier avec la console javascript de ton navigateur s'il y a une erreur à ce niveau-là (ou à un autre d'ailleurs) ?
2 - si dans $(document).ready(function(){ tu fais directement un alert, est-il bien exécuté ?

Utilisateur anonyme · Answer

C'est donc presque à coup sûr qu ta bibliothèque jQuery n'est pas chargée. 1 - As-tu bien un fichier jquery.js dans le même répertoire que ta page html ? 2 - Si tu remplaces par est-ce que ça marche ?

Utilisateur anonyme · Answer

Donc la si je comprend bien ça va chercher la librairie a l'adresse: "http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" plutôt que mon jquery.js. 
Oui, tout à fait (sauf que c'est une bibliothèque, pas une librairie), mais ça devrait pouvoir marcher aussi avec ton jquery.js s'il existe bien et que tu donnes son url correctement.
Le lien de chez google que je t'ai mis est vieux, regarde là :
https://developers.google.com/speed/libraries#jquery ce qu'ils proposent de plus récent

Probleme inconnue

4 réponses

Discussions similaires