ナビゲーションのアクティブクラスがサーバー上で動作していません

Question

ナビゲーションバーを開発しました。私は現在のリンクを強調表示するリンクにアクティブなクラスを追加するだけです。奇妙なことは、この機能が私のローカルPC上で完璧に動作していることです。私はちょうどそれを私のサーバーにアップロードして確認しましたが、全く動作していません。

これはこれは私が使用するスクリプトであるuploaded site

です。

$(function() { 
    var url = window.location; 

    $('ul.active-link a[href="' + url + '"]').parent().addClass('active'); 


    $('ul.active-link a').filter(function() { 
     return this.href == url; 
    }).parent().addClass('active'); 
}); 

Answer 1

<script> 
$(document).ready(function() { 
    var location = window.location.href; 
    $('#nav li a').each(function(){ 
     if(location.indexOf(this.href)>-1) { 
      $(this).parent().addClass('active'); 
     } 
    }); 
});