Добавить активный класс к текущей странице ссылки на основе URL, не работающего с localhost - PullRequest
Новая
       25

Добавить активный класс к текущей странице ссылки на основе URL, не работающего с localhost

0 голосов
/ 06 июня 2018

Я знаю, что это простая задача jQuery, я выполнял ее миллион раз, но не могу добавить «активный» класс в пункт меню ниже на основе URL-адреса страницы.Это проблема с использованием http://localhost:8888/? Это проблема с наличием 2 страниц индекса, 1 php 1 html?Как я могу также нацелиться на субнав? 

  <nav class="header-menu menu">
                <ul>
                    <li class="menu-item-has-children">
                        <a href="/expertise">
                            <span class="nav-text">Expertise</span>
                            <span class="icon-down-arrow-small "></span>
                        </a>

                        <ul class="sub-menu">
                            <li><a href="">Meet our Team</a></li>
                            <li><a href="">Contact Us</a></li>
                            <li><a href="">Our Process</a></li>
                        </ul>

                    </li>
                    <li class="menu-item-has-children">
                        <a href="/projects">
                            <span class="nav-text">Projects</span>
                            <span class="icon-down-arrow-small "></span>
                        </a>
                        <ul class="sub-menu">
                            <li><a href="">Meet our Team</a></li>
                            <li><a href="">Contact Us</a></li>
                            <li><a href="">Our Process</a></li>
                            <li><a href="">Our Process</a></li>
                            <li><a href="">Our Process</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="/about">
                            <span class="nav-text">About</span>
                            <span class="icon-down-arrow-small "></span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="nav-text">Insights</span>
                            <span class="icon-down-arrow-small "></span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="nav-text">Careers</span>
                            <span class="icon-down-arrow-small "></span>
                        </a>
                    </li>
                </ul>
            </nav>


      $(function() {
     var url = location.origin + location.pathname;
     $('nav a[href^="' + url + '"]')
      .closest('li')
       .addClass('active');
    });
...