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>