小编cje*_*s19的帖子

使用 bootstrap 4 和 asp.net core 进行我过去几个月一直在修补的个人项目。我的 _Layout 中有一个导航栏，它在我的整个网站上共享。我还有一些 css 样式的导航栏链接文本。

我正在尝试更改链接上的活动类，以便当前访问的控制器以不同的颜色突出显示。我正在使用 js 来做到这一点。颜色最初是变化的，所以我确定 js 正在将活动类添加到新链接并将其从前一个活动链接中删除，但是当页面完成加载时，它们会重置并且活动类返回到主页。

这是我在 _Layout.cshtml 中的导航栏：

<nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
    <img src="~/images/logo1.png" width="40" height="40" alt="" />
</button>
<div class="collapse navbar-collapse" id="navbarToggler">
    <ul class="nav navbar-nav mr-auto mt-2 mt-lg-0">
        <li class="nav-item active">
            <a class="nav-link" asp-action="Index" asp-controller="Home">Home<span class="sr-only">(current)</span></a>
        </li>
        <li class="nav-item">
            <a class="nav-link" asp-action="Index" asp-controller="aaaa">Aaaa</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" asp-action="Index" asp-controller="bbbb">Bbbb</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" asp-action="Index" asp-controller="cccc">Cccc</a>
        </li> …