html - Nav highlight current page -
please solve problem, because ideas have been exhausted...(
i have :
<nav class="nav_editor" ng-show="status.editormenuon"> <ul class="menu_editor"> <li class=""><a ng-href="/articles/user/{{ status.userid }}">my articles</a></li> <li class=""><a href="/articles">create article</a></li> <li class=""><a href="#">comments</a></li> </ul> </nav>
and css classes:
.menu_editor li { color: rgb(125,125,125); font-size: 1.25vw; margin-right: 20px; text-decoration: none;
}
i want make highlighting item in menu when page active (not pseudo ":active"), when watching current page, example "my articles".
i have tried 3 variants css/html only, javascript , jquery, either not working or not working @ all.
please solve problem.
thank in advance!
when myarticle page loads, jquery addclass method.
$(document).ready(function(){ //remove highlighted menu buttons on pageload $(".menu_editor li").removeclass("activemenuitem"); //add class specific 1 $(".foo").addclass("activemenuitem"); });
Comments
Post a Comment