导航突出显示当前页面

Question

请帮忙解决问题，因为我的思路已经穷尽了...(

我有一个:

<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>

还有一个CSS 类:

.menu_editor li a {
color: rgb(125,125,125);
font-size: 1.25vw;
margin-right: 20px;
text-decoration: none;

}

我想在此页面处于活动状态时突出显示菜单中的项目（不是伪“：活动”），就在有人观看当前页面时，例如 "My Articles"。

我仅通过 CSS/HTML 尝试了大约 3 个变体，JavaScript 和 jQuery，但它要么无法正常工作，要么根本无法工作。

请帮忙解决这个问题

提前致谢！

Answer 1

加载 myArticle 页面时，只需执行 jquery addClass 方法。

$(document).ready(function(){
     //remove highlighted menu buttons on pageload
     $(".menu_editor li").removeClass("activeMenuItem");

     //add class only to the specific one
     $(".foo").addClass("activeMenuItem");
});

导航突出显示当前页面

Nav highlight current page

html

css

nav

angularjs