Скрипт работает некорректно Хелп

[maiki]

Всех приветствую!

 

<script type="text/javascript">
    $(function () {
    setNavigation();
});
function setNavigation() {
    var path = window.location.pathname;
    path = path.replace(/\?.*/, "");  - тут проблема
    path = decodeURIComponent(path);

    $(".nav a").each(function () {
        var href = $(this).attr('href');
        if (path.substring(0, href.length) === href) {
            $(this).closest('li').addClass('active');
        }
    });
}
</script>

 

Вообщем скрипт добавляет класс active для разных страниц.

/ - но из за этой палочки класс Всегда добавлен для главной страницы.

 

Подскажите пожалуйста если страница логин  /login

чтобы / не применялась 

 

[maiki]

Есть 2 страницы

 

главная и контакты 

 

site.ru

site.ru/contact 

 

на есть кнопка позвонить и написать

 

active класс добавляется к кнопке позвонить которая на главной.  хотя открыта контакты. 

Все из за /  

[maiki]

Этот рабочий

 

 <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
   <script>
   $(document).ready(function() {

            var CurrentUrl= document.URL;
            var CurrentUrlEnd = CurrentUrl.split('/').filter(Boolean).pop();
            console.log(CurrentUrlEnd);
            $( "#lu-ID li a" ).each(function() {
                  var ThisUrl = $(this).attr('href');
                  var ThisUrlEnd = ThisUrl.split('/').filter(Boolean).pop();

                  if(ThisUrlEnd == CurrentUrlEnd){
                  $(this).closest('li').addClass('active')
                  }
            });

   });

 

Просто для главной страницы не делайте / слэш. а прописывайте site.ru

 

остальные страницы через слэш. "/login"

 

это если Вам подсветить элементы нужно разными цветами.