0

Ejemplo de mi menu, la idea es crear un menu dinamico desde una base de datos (Modulos - Secciones - Permisos y Roles:

    <div id="sidebar-menu" class="sidebar-menu">
    
<li><a href="productos.php">Lista Productos</a></li> <---- la idea es que cuando este en productos se ponga la class="active".
    <li><a href="nuevo_producto.php">Nuevo Producto</a></li>

Intente con este pedacito de codigo segun lo que vengo investigando y nada.

<script>
$(function() {
  $('#sidebar-menu li a[href^="/' + location.pathname.split("/")[2] + '"]').addClass('active');
  console.log(location.pathname.split("/")[2]);
});
</script>

Alguien me hecha una manito porfa =)


Tambien se me presenta el caso que sea INDEX solamente sin "submenu" como haria para comprobar si es index ya lo intente de varias formas y no logre hacerlo funcionar. Desde ya muchas gracias...

 <div id="sidebar-menu" class="sidebar-menu">
    <ul>
    <li class="active"> <-- aqui se deberia poner si es index
    <a href="index.php"><img src="assets/images/icons/dashboard.svg" alt="img"><span> Dashboard</span> </a>
    </li>

He probado asi y tampoco

<script>
$(function() {
  // Get current path and find target link
  var path = window.location.pathname.split("/").pop();
  
  // Account for home page with empty path
  if ( path == '' ) {
    path = 'index.php';
  }
      
  var target = $('#sidebar-menu li a[href="'+path+'"]');
  // Add active class to target link
  target.addClass('active');
    console.log(path);
});
</script>

0

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

Examina otras preguntas con la etiqueta o formula tu propia pregunta.