Subrayar un elemento del menu
Publicado por Kathyu (4 intervenciones) el 19/06/2020 02:26:05
Hola buenas. Me ayudan con algo que parecía sencillo pero no se me da como quiero.
Tengo el siguiente menu
Y el siguiente Script
Lo que quiero es simple, que se subraye la opción seleccionada, osea en la que estoy ahorita, y hasta cierto punto lo hace, si doy clic en agencia, servicios o lo que sea se subraya pero nunca deja de subrayar el primer elemento, el de eventos, alguna idea de porque o como quitarlo?
Así se ve ahorita
EVENTOS AGENCIA SERVICIOS INFLUENCERS CONTACTO BLOG
Y lo quisiera así:
EVENTOS AGENCIA SERVICIOS INFLUENCERS CONTACTO BLOG
Tengo el siguiente menu
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<nav class="navbar fixed-top navbar-expand-lg">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample08" aria-controls="navbarsExample08" aria-expanded="false" aria-label="Toggle navigation">
<i class="fa fa-bars menuIcon fa-2x" aria-hidden="true"></i>
</button>
<div class="collapse navbar-collapse justify-content-md-center" id="navbarsExample08">
<ul class="navbar-nav">
<li><a href="../eventos">EVENTOS</a></li>
<li><a href="../eventos/agencia">AGENCIA</a></li>
<li><a href="../eventos/servicios">SERVICIOS</a></li>
<li> </li>
<li class="navbar-brand">
<img src="<?php echo $public; ?>/img/logoWhite.png" alt="Logo Eventos by Plan B" width="100">
</li>
<li> </li>
<li><a href="../eventos/influencers">INFLUENCERS</a></li>
<li><a href="../eventos/contacto">CONTACTO</a></li>
<li><a href="#">BLOG</a></li>
</ul>
</div>
</nav>
Y el siguiente Script
1
2
3
4
5
$('nav ul li a').each(function(){
if(window.location.href.includes($(this).prop('href'))){
$(this).css('text-decoration', 'underline');
}});
Lo que quiero es simple, que se subraye la opción seleccionada, osea en la que estoy ahorita, y hasta cierto punto lo hace, si doy clic en agencia, servicios o lo que sea se subraya pero nunca deja de subrayar el primer elemento, el de eventos, alguna idea de porque o como quitarlo?
Así se ve ahorita
EVENTOS AGENCIA SERVICIOS INFLUENCERS CONTACTO BLOG
Y lo quisiera así:
EVENTOS AGENCIA SERVICIOS INFLUENCERS CONTACTO BLOG
Valora esta pregunta
0
