preventDefault () останавливает работу тега - PullRequest
Новая
       5

preventDefault () останавливает работу тега

0 голосов
/ 26 мая 2020

Я пытаюсь сделать так, чтобы ссылки моей панели навигации использовали активный класс, поэтому я могу переключать стили при нажатии. Но когда я помещаю preventDefault () в свое событие onclick, чтобы остановить событие для обновления sh страницы, она полностью перестает работать, ссылки вообще не работают 

<div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav navbar-style ml-auto">
            <li class="nav-item">
                <a class="nav-link" href="/">Acasa</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/about us">About us</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/apartments">Apartments</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/houses">Houses</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/location">Location</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/contact">Contact</a>
            </li>
        </ul>
    </div>

и jquery что я использую: 

$(".navbar-nav .nav-link").on("click", function (e) {
        e.preventDefault();
        $(".navbar-nav").find(".active").removeClass("active");
        $(this).addClass("active");
    });
...