Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/07/2015, 00:23
Avatar de thedenis
thedenis
 
Fecha de Ingreso: mayo-2013
Mensajes: 42
Antigüedad: 11 años, 6 meses
Puntos: 1
Pregunta Como hago menus activos?

Hola a todos

Quisiera que me ayuden con esto... estoy intentando seleccionar los elementos del menu dependiendo a la pagina pero no se como hacerlo, he intentado usar jquery pero no tengo mucho conocimiento, me han dicho que intente con capturar la direccion y seleccionar dependiendo a eso, espero que me puedan ayudar... saludos !!

PD: estoy trabajando en localhost mi direccion es esto
http://localhost/miweb/index.php


Esto es mi HTML

Código:
                <div class="collapse navbar-collapse navbar-right">
                    <ul class="nav navbar-nav">
                        <li><a href="index.php">Inicio</a></li>
                        <li><a href="somos.php">Somos</a></li>
                        <li class="dropdown">
                        <a href="servicios.php" class="dropdown-toggle disabled" "data-hover="dropdown" data-toggle="dropdown">Servicios <i class="fa fa-angle-down"></i></a>
                            <ul class="dropdown-menu">
                                <li><a href="drywall.php">Drywall</a></li>
                                <li><a href="instalaciones-electricas.php">Instalaciones Electricas</a></li>
                                <li><a href="construccion.php">Construccion</a></li>
                                <li><a href="shortcodes.html">Shortcodes</a></li>
                            </ul>
                        </li>
                        <li><a href="productos.php">Productos</a></li> 
                        <li><a href="trabaja-con-nosotros.php">Trabaja con Nosotros</a></li> 
                        <li><a href="contacto.php">Contacto</a></li>                        
                    </ul>
                </div>

Este es mi JQUERY se que falta, pero no tengo idea como capturar la url y activarlo he leido algunos tutoriales pero no logro hacerlo funcionar

Código:
<script type="text/javascript">
$('.navbar-nav ul li').click(function() {
    $(this).addClass('active');
});
</script>