Question

我在导航栏中有一个列表，如下所示：

<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>

我试图保持活动类在页面上重新加载（在重定向到链接中的href之后），但始终闪烁。所以我的问题是如何保持活动类在页面上重新加载？我没有nav-tabs，也无法使用jquery来保持类在页面上重新加载（直到文档准备就绪，它才闪烁）。

如果我有nav-tabs，我可以做这样的事情：

$(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");
});

但是我有nav-link而不是nav-tabs。 PHO是不可以的。

最好的问候

在页面重新加载时保持活动类在导航中

0 个答案: