Динамическая страница Jquery - при загрузке return false метод все еще использует обычную ссылку href

Question

Я использую jquery для динамического контента / загрузки страницы. У меня есть базовая навигация со ссылками (для целей SEO) и этот код для проверки событий кликов и обеспечения просмотра новой страницы с историей:

  $("nav a").on("click", function ()
    {
        let _href = $(this).attr('href');


        history.pushState(null, null, _href);
        loadContent(_href);

        $('.activePage').removeClass('activePage');
        console.log($('.activePage'));


        return false;
    });

    function loadContent(href)
    {

        let page = $("#pageWrapper");

        page.fadeOut(200, function ()
        {
            page.hide().load(href + " #pageWrapper", function ()
            {
                page.fadeIn(200);
            });
        });

    }
    });

Моя проблема в том, что когда я нажимаю на навигационные ссылки, иногда он загружается с помощью jquery так, как я хочу, но в других случаях он по-прежнему связывает его, как если бы я щелкнул по обычному элементу, несмотря на возврат false...