none
definir aba ativa em um nav bootstrap via javascript RRS feed

  • Pergunta

  • Tenho a seguinte estrutura :

    <nav>
                    <div class="nav nav-tabs" id="nav-tab" role="tablist">
                        <a class="nav-item nav-link" id="nav-gerais-tab" data-toggle="tab" href="#nav-gerais" role="tab" aria-controls="nav-gerais" aria-selected="true">Dados Gerais</a>
                        <a class="nav-item nav-link" id="nav-feriados-tab" data-toggle="tab" href="#nav-feriados" role="tab" aria-controls="nav-feriados" aria-selected="false">Feriados</a>
                        <a class="nav-item nav-link" id="nav-diarias-tab" data-toggle="tab" href="#nav-diarias" role="tab" aria-controls="nav-diarias" aria-selected="false">Usuários Diários</a>
                        <a class="nav-item nav-link" id="nav-mensais-tab" data-toggle="tab" href="#nav-mensais" role="tab" aria-controls="nav-mensais" aria-selected="false">Usuários Mensais</a>
                    </div>
                </nav>

    Em algumas dessas tabs tenho botões que qdo um botão é clicado ele sempre volta para a primeira tab, estou fazendo um script para tentar acertar isso, notei que qdo clico na tab o que muda é class e o aria-selected.

    no meu script a aba fica ativa porem os dados que aparecem são da primeira.

    Alguém já fez algo parecido ?


    Junior

    • Tipo Alterado Junior_luiz sexta-feira, 30 de novembro de 2018 14:40
    quinta-feira, 29 de novembro de 2018 18:37

Respostas