在节路径选择中选择下拉菜单时关闭导航菜单

Question

我有一个带有下拉菜单的导航栏，这些下拉菜单被路由到单个页面中的特定部分。当我在下拉菜单中选择特定选项时，它将移至页面的特定部分。在桌面视图中，一切都很好，但是当涉及移动响应时，如果我选择菜单中的选项并移至该页面，然后再次选择该页面显示的同一页面中的其他部分，但切换导航菜单不会关闭

我已经完成了此video。

这是下拉代码：

<li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Facilities
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                    <a class="dropdown-item" href="facilities.php#knowledge-center">Knowledge Center</a>
                    <a class="dropdown-item" href="facilities.php#sports-games">Sports & Games</a>
                    <a class="dropdown-item" href="facilities.php#transport">Transport Service</a>
                    <a class="dropdown-item" href="facilities.php#medicare">Medicare</a>
                    <a class="dropdown-item" href="facilities.php#security">24/7 Security</a>
                </div>
            </li>

我能知道怎么了吗？

提前感谢

Answer 1

尝试一下

<li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
      aria-haspopup="true" aria-expanded="false">
      Facilities
    </a>
    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
      <a class="dropdown-item" href="facilities.php#knowledge-center">Knowledge Center</a>
      <a class="dropdown-item" href="facilities.php#sports-games">Sports & Games</a>
      <a class="dropdown-item" href="facilities.php#transport">Transport Service</a>
      <a class="dropdown-item" href="facilities.php#medicare">Medicare</a>
      <a class="dropdown-item" href="facilities.php#security">24/7 Security</a>
    </div>
  </li>