modifier menu liste avec JS

19 juin 2019 à 10:13:24

Bonjour,

J'ai crée un petit bout de code pour que lorsque je clique sur une case de mon menu elle change de couleur.

Mais ça ne fonctionne pas et je ne parviens pas à trouver l’erreur...

<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Titre de la page</title>
  <link rel="stylesheet" href="style1.css">
  <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
</head>

<body>
  <script type="text/javascript">
        $('#menudemo li').click(function(){
          $(this).addClass("actif").siblings().removeClass("actif");
        });
  </script>

  <ul id="menudemo">
    <li>lien 1</li>
    <li>lien 2</li>
    <li>lien 3</li>
  </ul>
</body>
</html>

.actif {
  color:red
}

Merci de votre aide !

YoplaHips

19 juin 2019 à 10:23:13

c un problème de position

fais ainsi :

<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Titre de la page</title>
  <link rel="stylesheet" href="style1.css">
  <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
  <style>
  .actif {
  color:red
}
  </style>
</head>
 
<body>
 
 
  <ul id="menudemo">
    <li>lien 1</li>
    <li>lien 2</li>
    <li>lien 3</li>
  </ul>
  <script type="text/javascript">
        $('#menudemo li').click(function(){
          $(this).addClass("actif").siblings().removeClass("actif");
        });
  </script>
</body>
</html>

-
Edité par YoplaHips 19 juin 2019 à 10:23:35

MarcoMilioni

19 juin 2019 à 10:44:51

Super merci Yopla

modifier menu liste avec JS

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.

× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.

modifier menu liste avec JS

modifier menu liste avec JS

Supprimer

Modérer

Signaler le message aux modérateurs