Question

我在网页上使用引导程序菜单。

我的菜单列表如下所示：

       <li><a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" 
       role="button" data-toggle="dropdown" aria-haspopup="true" aria- 
       expanded="false">main item

        <span class="pull-left glyph-btn-menu">
       <em class="glyphicon glyphicon-menu-down"></em>
       </span>
       </a>

        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
        sub item1<br>
        sub item2<br>
        sub item2<br>
        </div>
        </li>

当点击导航链接并打开子菜单项时，我希望glyphicon符号更改为类glyphicon-menu-up，然后当nav-item关闭或不同的导航时再次更改回glyphicon-menu-down单击项目。

实现这一目标的最佳方法是什么

Answer 1

所以这是我的解决方案。

我给父母ul一个id值：id =“theme”

bootstrap将类打开添加到一个打开的li，所以我检查是否有任何li打开类，删除并根据需要添加glyphicon类

Student

在nav-item打开时更改glyphicon类

1 个答案: