対応するページを開いているときにアクティブなクラスをナビゲーションに追加

Question

現在、ナビゲーション内のリンクにアクティブなクラスを追加するスクリプトを使用しています。これはほとんどのページでうまくいき、hrefとURLを比較します。

私が遭遇する問題の1つは、ユーザーがドメインに上がったときと、ユーザーがホームページへのリンクをクリックしたときです。自宅へのリンクは：../ですので、あなたがホームページにいるときにスクリプトを比較するものはありません。

スクリプトは他のすべてのリンク（../contactおよび../blog/）に対して動作します。スクリプトはhrefとURLを比較できるためです。

私はリンクのIDフォームを比較することを考えましたが、残念ながらそれを動作させることはできませんでした。以下は私が現在使っているスクリプトですが、これはおそらく編集する必要があります。

$(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'); 
     } 
    }); 
}); 

ありがとうございました！あなたは正規表現を使用している理由

Answer 1

この

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