Comment puis-je utiliser jQuery pour basculer dynamiquement une seule classe active sur les éléments de menu ?

Cependant, afin de refléter de manière appropriée l'état actif dès le départ, nous pouvons affiner notre approche. Au lieu d'ajouter directement la classe « actuelle » au « lien à propos », nous pouvons utiliser un gestionnaire d'événements modifié qui supprime d'abord la classe « actuelle » de tous les éléments « a » existants dans le menu qui la possèdent actuellement. Nous ajoutons ensuite la classe 'current' à l'élément cliqué. Cet ajustement garantit que le « lien à propos » démarre sans la classe « actuelle » et maintient l'état actif unique souhaité tout au long de l'interaction du menu.

Voici le code jQuery amélioré avec ce raffinement :

$('#menu li a').on('click', function(){
    $('#menu li a.current').removeClass('current');
    $(this).addClass('current');
});

Cette approche garantit que le menu commence par le « lien à propos » dans son état par défaut et bascule dynamiquement la classe active lorsque d'autres éléments de menu sont cliqués, en respectant l'option souhaitée. fonctionnalité.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!