Destacando a página atual no NAV
-
18-09-2019 - |
Pergunta
Preciso destacar a página atual na minha navegação esquerda.
O NAV deve ser carregado externamente por meio de um .shtml incluir:
<!--#include file="leftnav-menu.inc"-->
Meus URLs assumem a forma de:
www.xxx.com/mission-critical.shtml
Mas às vezes apenas:
www.xxx.com/energy.shtml (por exemplo, uma palavra sem hífen)
Minha navegação o lista como 'Mission Critical'
Como posso destacar o Ul Li com "Class = Selected"? Eu já vi algo assim:
$(function(){
var path = location.pathname.substring(1);
if ( path )
$('.leftmenuNav ul li a[@href$="' + path + '"]').attr('class', 'selected');
});
Não consigo entender a divisão da corda etc ...
Amostra de bar de navegação:
<ul>
<li><a href="corporate-responsibility.shtml">Corporate responsibility</a></li>
<li><a href="overview.shtml">Overview</a></li>
<li><a href="governance.shtml">Governance</a></li>
<li><a href="our-approach.shtml">Our approach</a></li>
</ul>
Solução
Ok, a sintaxe do jQuery estava um pouco errada. Isso deve funcionar:
$.ready(function()
{
var path = location.pathname.substring(location.pathname.lastIndexOf("/") + 1);
if ( path )
$('.leftmenuNav ul li a[href="' + path + '"]').attr('class', 'selected');
});
Além disso, verifique se o esquerda que está certo está certo (seu código acima não mostra)
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow