J'essaie d'ajouter une classe active dans la navigation. J'ai utilisé cet article. Ajouter une classe de navigation active basée sur l'URL
$(function(){
var current = location.pathname;
$('#nav li a').each(function(){
var $this = $(this);
// if the current path is like this link, make it active
if($this.attr('href').indexOf(current) !== -1){
$this.addClass('active');
}
})
})
Cela a bien fonctionné. Mais mon problème est dans ce cas.
/blog, /blogAds
Si l'url est /blog,
active, la classe est ajoutée aux deux éléments de navigation. Y a-t-il une solution pour cela?
Essaye ça
if( new RegExp(location.pathname + "$").test( $this.attr('href') ) ) {
$this.addClass('active');
}
Testé avec :
new RegExp('\/blog$').test('/blogAds'); // returns false
new RegExp('\/blog$').test('/blog'); // returns true
Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.
En cas d'infraction, veuillez [email protected] Supprimer.
laisse moi dire quelques mots