html - 如果子菜单是主菜单的一部分，如何激活菜单

Question

<ul class="nav navbar-nav">
  <li class="active">
    <a href="index.html">
      Home
    </a>
  </li>
  <li>
    <a href="pages/gallery.html">
      Gallery
    </a>

  </li>
  <li cl>

    <a href="#service">
      Services
    </a>
  </li>
  <li>
    <a href="#brnch">
      Branches
    </a>
  </li>

在索引页中只有服务部分和分支机构部分。从菜单中选择它时，我只将家作为事件/选定的..

我希望在点击分支或服务时应该选择菜单项

Answer 1

不确定这是否是您想要的，但首先我们从所有元素中删除类 .active，然后我们仅将此类分配给单击的元素:JS Fiddle

var $items = $('.navbar-nav li');
$items.on('click', function() {
  $items.removeClass('active');
  $(this).addClass('active');
});

.active {
  background-color: orange;
  color: white;
  padding 5px;
}
ul {
  list-style: none;
}
ul li {
  display: inline-block;
  padding: 5px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<ul class="nav navbar-nav">
  <li class="active"> <a href="index.html">
      Home
    </a>

  </li>
  <li> <a href="pages/gallery.html">
      Gallery
    </a>

  </li>
  <li cl> <a href="#service">
      Services
    </a>

  </li>
  <li> <a href="#brnch">
      Branches
    </a>

  </li>
</ul>