Question

我有一个菜单，我在悬停时显示我的下拉列表。此菜单中的所有元素都是可单击的，但也是父项的菜单项。当我点击其中一个菜单项时，我想隐藏下拉菜单，包括主菜单项（父项）。

此刻，当我点击父级时，它会触发“打开”类，但我不知道该怎么做才能覆盖它。

<div class="collapse navbar-collapse" id="navbar" ng-controller="HeaderCtrl">
  <ul class="nav navbar-nav navbar-right" style="font-weight:bold;">
    <li id="parent" class="dropdown desktop">
      <a href="#" ng-click="$event.preventDefault();gotoElement('services')" data-toggle="dropdown" class="dropdown-toggle">{{'MENU_SERVICES' | translate}}<b class="caret"></b></a>
      <ul class="dropdown-menu" style="background-color:black;">
        <li><a href="/services/weddings">{{'CATEGORY_WEDDINGS' | translate}}</a></li>
        <li><a href="/services/session">{{'CATEGORY_SHOOTING' | translate}}</a></li>
        <li><a href="/services/course">{{'CATEGORY_INTERNSHIPS' | translate}}</a></li>
        <li><a href="/services/prints">{{'CATEGORY_PRINTS' | translate}}</a></li>
      </ul>
    </li>     
  </ul>
</div>

这是在悬停时显示我的下拉列表的css部分：

@media screen and (min-width: 768px) {
    .dropdown:hover>.dropdown-menu {
      display: block;
    }
  }

我想在父点击上做类似的事情（当然，这不是解决方案）：$('#parent').removeClass('open');

关闭父母点击的下拉菜单

0 个答案: