Mi código no funciona. Este código es básicamente para mantener activa la página o pestaña seleccionada actual en la actualización de la página o la recarga de la página.
Código HTML:
<section id="sidebar" class="refresh"> <a href="#" class="brand"> <!-- <i class='bx bxs-smile'></i> --> <span class="text"><img src="images/logo.png" alt="" class="img-logo"></span> </a> <ul class="side-menu top" id="myTab"> <li class="active"> <a href="#dashboard" data-toggle="tab"> <i class='bx bxs-dashboard'></i> <span class="text">Dashboard</span> </a> </li> <li> <a href="#1a" data-toggle="tab"> <i class='bx bxs-dashboard'></i> <span class="text">Add Employee</span> </a> </li> <li> <a href="#2a" data-toggle="tab"> <i class='bx bxs-group'></i> <span class="text">Show Employee</span> </a> </li> </ul> </section> <section id="content"> <main> <div class="tab-content clearfix"> <!-- dashboard --> <div class="tab-pane active" id="dashboard"> <!-- some code --> </div> <div class="tab-pane" id="1a"> <!-- some code --> </div> <div class="tab-pane" id="2a"> <!-- some code --> </div> </main> </section>JavaScript:
<script> $('#myTab a').click(function(e){ e.preventDefault(); $(this).tab('show'); alert("h"); }); $("ul.side-menu > li a").on("shown.bs.tab",function (e) { var id = $(e.target).attr("href").substr(1); window.location.hash=id; }); var hash = window.location.hash; $('#myTab a[href="' + hash + '"]').tab('show'); </script>Cuando actualizo la página, este código no funciona. Este código es para mantener activa la pestaña actual activa cuando la página se actualiza o recarga la página
Simplemente agregue la pestaña actualmente activa a localStorage . Haga esto dando a cada pestaña un atributo de datos como data-index con un valor como 1, 2, 3... Luego haga localStorage.setItem("tabIndex", $(ul li.active).data(index);) que guardará el atributo de índice de datos de la pestaña activa en la memoria caché del navegador. A continuación, puede obtener el valor almacenado después de cargar la página utilizando esta var tabindex = localStorage.getItem("tabIndex"); .