Ajouter la classe .active à la navigation lorsque vous êtes sur la page correspondante

Question

J'utilise actuellement un script, qui ajoute une classe active aux liens dans la navigation. Cela fonctionne très bien pour la plupart des pages et compare le href avec l'URL.

Le seul problème que je rencontre est lorsque l'utilisateur atterrit sur le domaine et lorsque l'utilisateur clique sur le lien vers la page d'accueil. Le lien vers la page d'accueil va à: ../ donc il n'y a rien à comparer pour le script lorsque vous êtes sur la page d'accueil.

Le script fonctionne pour tous les autres liens, c'est-à-dire ../contact et ../blog/, car le script peut comparer le href à l'URL.

Je pensais à comparer un identifiant du lien, mais je n'ai pas pu le faire fonctionner malheureusement. Voici le script que j'utilise actuellement, qui doit probablement être modifié.

$(function(){ 

var url = window.location.pathname, 
    urlRegExp = new RegExp(url.replace(/\/$/,'') + "$"); 

    $('.nav-order a').each(function(){ 

     if(urlRegExp.test(this.href.replace(/\/$/,''))){ 
      $(this).addClass('current'); 
     } 
    }); 
}); 

Merci pour l'aide!

Answer 1

Essayez cette

if (window.location.pathname == '/'){ 
    /*you are on homepage*/ 
    $('.nav-order a:first-child').addClass('current'); 
}