Skip to main content

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
                        <">Alunos</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="~/Funcionarios/Index/">
                            Funcionarios
                        <">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?

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?

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

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

porem não funciona, alguma sugestão?

Fonte Link

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?