Estoy intentando cambiar el css a uno de los botones en un menú de navegación para indicar en qué página se encuentra el usuario.
Tengo un header con un menú de navegación cargado desde un fichero externo con include de php
<?php include "files/header_lp.html" ?>
En el archivo javascript, estoy intentado crear una clase para dar formato al link activo del menú.
$(".nav li").on("click", hover_menu);
function hover_menu(){
$(".nav li").removeClass("activo");
$(this).addClass("activo");
}
El problema que encuentro es que posiblemente el archivo JS se carga antes de que php incluya el archivo. ¿Cómo podría solucionar esto?
Por otra parte, el link al hacer click abre una nueva página, por lo que vuelve a cargar la nueva página eliminando la clase creada con JS.
Estoy pensando cargar el menú en cada página para darle formato al link cada vez que lo cargue, o incluso he pensado en recuperar el titulo o el url de la página para utilizarlo en un condicional y cambiar el botón, pero no funcionará cuando use anclas y el título de la página podría cambiar, igual lo considero unas soluciones muy rebuscadas preferiría no evitar el problema sino solucionarlo.