jquery - Jquery 动态页面 - 加载返回 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 ...