Установить активную ссылку с jQuery в многостраничной странице

Question

Я знаю, что это не первый вопрос.

Я пробовал от jQuery Make a Link in Active Status, но его не работает, когда я нажимаю, чтобы перейти на другую страницу, 'a' не имел активного класса. любое предложение спасибо.

<nav class="main-navi"> 
    <ul> 
    <li> 
     <a href="index.html"> 
     Home 
     <span class="dot"></span> 
     <span class="corner"></span> 
     </a> 
    </li> 
    <li> 
     <a href="portfolio.html"> 
     Portfolio 
     <span class="dot"></span> 
     <span class="corner"></span> 
     </a> 
    </li> 
    <li> 
     <a href="about.html"> 
     About 
     <span class="dot"></span> 
     <span class="corner"></span> 
     </a> 
    </li> 

    <li> 
     <a class="" href="service.html"> 
     services 
     <span class="dot"></span> 
     <span class="corner"></span> 
     </a> 
    </li> 
    <li> 
     <a href="blog.html"> 
     Blog 
     <span class="dot"></span> 
     <span class="corner"></span> 
     </a> 
    </li> 
    <li> 
     <a href="contact.html"> 
     contacts 
     <span class="dot"></span> 
     <span class="corner"></span> 
     </a> 
    </li> 
    </ul> 
    <em id="showHideMenu" class="show-hide-menu fa fa-bars" href="#"></em> 
</nav> 
<script> 
    jQuery(function($){ 
    $('.main-navi a').filter(function(){ 
     return $(this).attr('href').toLowerCase() === window.location.pathname.toLowerCase(); 
    }).addClass('active'); 
    }); 
</script> 

Answer 1

Попробуйте это:

var loc = window.location.pathname; 

    $('.main-navi ul li').find('a').each(function() { 
    $(this).toggleClass('active', $(this).attr('href') == loc); 
    }); 

и использовать полный абсолютный путь в HREF т.е. http://yourdomain.com/index.html