Skip to main content
1 de 2

Como adicionar a classe “active” de acordo com a página acessada

Tenho um layout à parte no meu projeto, onde ele é padrão para todas as paginas. como fazer para, no left menu, a classe active seja ativada de acordo com a pagina selecionada.

tenho o codigo html:

 <div class="sidebar-sticky">
                <ul class="nav flex-column">
                    <li class="nav-item active">
                        <a class="nav-link" href="~/Alunos/Index/">
                           
                            Alunos
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="~/Funcionarios/Index/">
                            Funcionarios
                        </a>
                    </li>
                    </ul>
                </div>

e ja tentei fazer isso funcionar com o script

<script>
jQuery(function ()
{
    $("a").click(function () {
        $("a").removeClass("active");
        $(this).addClass("active");
    });
}

porem não funciona, alguma sugestão?