Agregar clase Active al menu de navegación basada en la URL actual

Creo que el titulo lo dice todo, esta es la mejor forma de resaltar el item del menu.

     <nav >
          <ul>
               <li><a href="/">Inicio</ a></li>
               <li><a href="/acercade/">acercade</ a></li>
               <li><a href="/clientes/">clientes</ a></li>
               <li><a href="/contactenos/">contactenos</ a></li>
          </ul>
     </nav >

y si ud esta en esta URL:

http://sitio.com/acercade

     $(function() {
       $('nav a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active');
     });

Anuncios
  1. No trackbacks yet.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: