Lors de la personnalisation des menus de navigation dans Bootstrap, un problème peut survenir lorsque la classe active ne parvient pas à changer lors du défilement ou du clic sur les éléments de menu . Cela peut provenir de modifications CSS sans prise en charge JavaScript appropriée.
Le HTML et le CSS fournis ressemblent à la structure et au style du menu par défaut de Bootstrap. Pour reproduire leur comportement de sous-navigation, des modifications supplémentaires sont nécessaires.
L'intégration de jQuery est nécessaire pour manipuler le DOM et contrôler l'état actif des liens de navigation. Le code suivant sert à cet effet :
<code class="javascript">$('.navbar li').click(function(e) { $('.navbar li.active').removeClass('active'); var $this = $(this); if (!$this.hasClass('active')) { $this.addClass('active'); } e.preventDefault(); });</code>
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!