Jquery 在页面重新加载时保持nav中的活动类

我在navbar中有一个列表，如下所示：

<ul class="nav navbar-nav mx-auto">
    <li role="presentation" class="nav-item"><a href="home.html" class="nav-link">About us</a></li>
    <li role="presentation" class="nav-item"><a href="mission.html" class="nav-link">Our mission</a></li>
    <li role="presentation" class="nav-item"><a href="news.html" class="nav-link">News</a></li>
</ul>

但是我有

nav链接

，没有

nav选项卡

<代码>PHO不是一个选项

---

致以最诚挚的问候

您必须查看如何使用

localStorage

或

cookies

来实现this@CarstenLøvboAndersen我试过了，但没能成功。那么请给我们看看你有什么tried@CarstenLøvboAndersen更新了。@CarstenLøvboAndersen不知道？

$(document).ready(function() {
    if (location.hash) {
        $("a[href='" + location.hash + "']").tab("show");
    }
    $(document.body).on("click", "a[data-toggle]", function(event) {
        location.hash = this.getAttribute("href");
    });
});
$(window).on("popstate", function() {
    var anchor = location.hash || $("a[data-toggle='tab']").first().attr("href");
    $("a[href='" + anchor + "']").tab("show");
});