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;

}

我希望在此页面处于活动状态时突出显示菜单中的项目（不是伪＆＃34;：活动＆＃34;），只是当有人在看当前页面时，例如＆＃34;我的文章＆＃34;

我已尝试过仅使用CSS / HTML，JavaScript和jQuery的3种变体，但它要么无法正常工作，要么根本无法工作。

请帮助解决这个问题。

提前谢谢！

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");
});

导航突出显示当前页面

1 个答案: