[Résolu] JQuery, ça commence plutôt mal

Maljuna Kris · 25-09-2012 09:23:15

Saluton, junuloj,
Ma récente lecture du bouquin d'Éric Sarrion "JQuery 1.7 & JQuery UI, Une bibliothèque pour Javascript 2° édition" chez Eyrolles m'incite à pratiquer quelques tests.
J'ai donc téléchargé la "most recent stable version" depuis le site officiel de JQuery, sous la racine www de mon serveur WAMP, où j'ai créé un répertoire /JQUERY, et je teste dans un répertoire /phpdeb au même niveau.
Je déclare JQUERY comme ceci

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

 

mais dès que j'appelle un premier script j'obtiens ces messages dans la console Web de FireFox

[10:04:42,326] SyntaxError: missing ) after argument list
[10:04:42,345] Propriété « box-sizing » inconnue. Déclaration abandonnée.

et, bien entendu, le tout petit script de test suivant

<script type="text/javascript">

$("li.mp").bind ("click ",( function (event)

    {

     alert(event);

    });

</script>

ne s'exécute pas et il n'y a pas d'autre message d'erreur.
J'ai bien l'impression que cela vient de JQuery mais comment en être sûr et y remédier ?

Pierrot · 25-09-2012 09:52:20

$(document).ready(function(){
$("li.mp").bind ("click",( function (event){
alert(event);
});
});

@++

Maljuna Kris · 25-09-2012 11:04:09

Merci mon Pierrot, mais j'ai toujours les mêmes messages d'erreur dans la console web.

Pierrot · 25-09-2012 11:39:37

l'espace dans l'evenement 'click ' <-----

@++

Pierrot · 25-09-2012 11:40:42

sinon, montre ton code complet(html compris)
j'te debugue çà

@++

Maljuna Kris · 25-09-2012 11:44:07

J'ai juste repris le code du post de fabdu57

<html>

    <head>

        <title>Ma page</title>

        <style type="text/css">

        .menu ul {

          cursor:pointer;

        }

        .menu ul ul {

          display:none;

          color:black;

        }

        .menu ul ul ul {

          display:none;

          color:black;

        }

        </style>

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

        <script type="text/javascript">

        $(document).ready(function(){

            $("li.mp").bind ("click ",( function (event)

                {

                 alert(event);

                })

            });

        </script>

    </head>

    <body>

        <div class="menu">

            <ul>

              <li class="mp">Rub 1</li>

                <ul>

                  <li>1.1</li>

                  <li>1.2</li>

                </ul>

              </li>

              <li class="mp">Rub 2</li>

                <ul>

                  <li>2.1</li>

                  <li>2.2</li>

                </ul>

              </li>

              <li>Rub 3</li>

            </ul>

        </div>

    </body>

</html>

Maljuna Kris · 25-09-2012 12:34:54

Bon, Firebug me dit que c'est à la ligne 25, c'est à dire la dernière ligne du script

});

qu'une parenthèse serait manquante mais je ne vois pas pourquoi.

Maljuna Kris · 25-09-2012 12:39:13

Ah si, effectivement, il manque une parenthèse fermante, mais alors où la mettre ????

Maljuna Kris · 25-09-2012 12:41:28

C'est la parenthèse ouvrante devant function qui était en trop.

PHP|Débutant :: Forums

Advertisement

#1 25-09-2012 09:23:15

[Résolu] JQuery, ça commence plutôt mal

#2 25-09-2012 09:52:20

Re : [Résolu] JQuery, ça commence plutôt mal

#3 25-09-2012 11:04:09

Re : [Résolu] JQuery, ça commence plutôt mal

#4 25-09-2012 11:39:37

Re : [Résolu] JQuery, ça commence plutôt mal

#5 25-09-2012 11:40:42

Re : [Résolu] JQuery, ça commence plutôt mal

#6 25-09-2012 11:44:07

Re : [Résolu] JQuery, ça commence plutôt mal

#7 25-09-2012 12:34:54

Re : [Résolu] JQuery, ça commence plutôt mal

#8 25-09-2012 12:39:13

Re : [Résolu] JQuery, ça commence plutôt mal

#9 25-09-2012 12:41:28

Re : [Résolu] JQuery, ça commence plutôt mal

Pied de page des forums