0 votes

aide menu boostrap

Bonjour

J'ai un menu très simple et je voudrais pouvoir ajouter la class 'active' pour que lors du clic il passe en couleur. j’ai bien compris qu'il faut faire un script, mais je ne trouve pas la solution.

voici mon mon menu:

<ul>
      <li class="nav-item ">
        <a class="nav-link" href="../examples/charts.html">
          <i class="material-icons">timeline</i>
          <p> Charts </p>
        </a>
      </li>
      <li class="nav-item ">
        <a class="nav-link" href="../pages/planning.php">
          <i class="material-icons">date_range</i>
          <p> Planning </p>
        </a>
      </li>
      <li class="nav-item ">
        <a class="nav-link" href="../pages/upload.php">
          <i class="material-icons">downloading</i>
          <p> Upload </p>
        </a>
      </li>
    </ul>

j'ai essayé ce script :

<script>$(document).ready(function () { $('li').click(function() { $('li.nav-item.active').removeClass("active"); $(this).addClass("active"); }); }); </script> mais il ne fonctionne pas.

puis celui ci fonction la couleur change bien mais aucune redirection il bloque par exemple sur le menu upload:

<script>$(document).ready(function () { $('ul.nav > li').click(function (e) { e.preventDefault(); $('ul.nav > li').removeClass('active'); $(this).addClass('active');
});
}) </script>

en vous remerciant pour votre aide

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X