添加活动类菜单不起作用

时间:2016-11-20 05:16:47

标签: javascript jquery addclass submenu removeclass

enter image description here我正在尝试a=www.aa.com , aa a=www.ss.com , ss 菜单和子菜单中的哪个处于活动状态。如果子菜单为active,则其主要内容也应为active

active

我将脚本放在js文件中并将其命名为active.js。

这是js代码:

<div id="navbar" class="navbar-collapse collapse">
    <ul id="top-menu" class="nav navbar-nav navbar-right main-nav">
        <li class="active"><a href="index.php">HOME</a></li>
        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">LEARNING CURVE<span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu">
                <li><a href="about-us.php">ABOUT US</a></li>
                <li><a href="content-development-program.php">CONTENT DEVELOPMENT PROGRAM</a></li>
            </ul>
        </li>
        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">SKILL UP<span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu">
                <li><a href="courses.php">ONLINE COURSES</a></li>
                <li><a href="skill_test.php">SKILL TEST</a></li>
                <li><a href="jobs.php">JOBS</a></li>
            </ul>
        </li>
</div>

1 个答案:

答案 0 :(得分:1)

$(this).addClass("active");仅适用于子菜单。您还想要应用子菜单类。用户父元素类