Question

我遇到的问题是，当我点击图标栏时，下拉菜单打开，然后当我点击另一个菜单（Alumini菜单）时，图标栏的下拉菜单没有关闭，但是铝合金菜单和查看图标栏下拉菜单。我不知道为什么单击alumini菜单时图标栏的下拉菜单没有关闭。设计的html代码在下面上传。

<div class="join">
<!-- Nav Starts -->
<nav class="navbar navbar-default container-fluid wrap">
  <div class="container pos-relative">
    <div class="navbar-header">
      <ul class="new pull-left">
        <li class="old"> <a href="http://localhost/wordpress"><img class="img-responsive" src="<?php bloginfo( 'template_url' ); ?>/images/skv-logo-100px.png"></img></a> </li>
        <li> <a class="navbar-brand create hidden-xs" href="http://localhost/wordpress">SKV Vidhyaashram</a> </li>
      </ul>
      <ul  class="nav navbar-nav navbar-main pull-left hidden-xs">
        <li><a href="http://localhost/wordpress/news-and-events/ ">News & Events</a></li>
        <li><a href="http://localhost/wordpress/toppers-3/ ">Toppers</a></li>
        <li><a href="http://localhost/wordpress/achievements2/">Achievements</a></li>
        <li><a href="http://localhost/wordpress/isa-activities-2/">ISA Activities</a></li>
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">Alumni</a>
          <ul class="dropdown-menu alumni-menu">
            <li><a href="http://dev.seyali.com/alumni_demo/public/AlumniHome">Alumni Home</a></li>
            <li><a href="http://dev.seyali.com/alumni_demo/public/AllCommitteeMembers">Committee Members</a></li>
            <li><a href="http://dev.seyali.com/alumni_demo/public/AllGallery">Gallery</a></li>
            <!-- <li><a href="http://dev.seyali.com/skvalumni/events.php">Events</a></li> -->
          </ul>
        </li>
        <li><a class="user-icon" href="http://dev.seyali.com/alumni_demo/public/login" data-toggle="tooltip" data-placement="right" title="Login"> <span class="glyphicon glyphicon-user"></span></a></li>
      </ul>
      <button type="button" class="quicklinkbar-toggle collapsed pull-right" data-toggle="collapse" data-target="#quicklinkbar" aria-expanded="false" aria-controls="quicklinkbar">
        <span class="sr-only">Toggle navigation</span>
      </button>
      <button type="button" class="navbar-toggle collapsed pull-right" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <span class="sr-only">Toggle navigation</span>
      </button>
    </div>

<div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href=""> About Us<span class="glyphicon glyphicon-menu-right pull-right"></span></a>
          <ul class="dropdown-menu">
            <li><a href="">Chairman's Notes</a></li>
            <li><a href="">Mission & Vision</a></li>
            <li><a href="">Principal's Notes</a></li>
          </ul>
        </li>
        <li class="dropdown list">
          <a class="dropdown-toggle" data-toggle="dropdown" href=""> Academics<span class="glyphicon glyphicon-menu-right pull-right"></span></a>
          <ul class="dropdown-menu">
            <li><a href="">CBSE Circular</a></li>
            <li><a href="">Academic Objectives</a></li>
            <li><a href="">CBSE & Afflitation</a></li>
            <li><a href="">Grades Prekg to X</a></li>
            <li><a href="">Innovative Teaching Methods</a></li>
            <li><a href="">Labs & Library</a></li>
            <li><a href="">Prekg,Juniorkg & Seniorkg</a></li>
            <li><a href="">School Terms & Curriculum</a></li>
          </ul>
        </li>
        <li class="dropdown list1">
          <a class="dropdown-toggle" data-toggle="dropdown" href=""> Beyond-Academics<span class="glyphicon glyphicon-menu-right pull-right"></span></a>
          <ul class="dropdown-menu">
            <li><a href="">Co-curricular</a></li>
            <li><a href="">Extra-curricular</a></li>
            <li><a href="#">Life at SKV</a></li>
          </ul>
        </li>
        <li class="dropdown list2">
          <a class="dropdown-toggle" data-toggle="dropdown" href=""> Sports & Games<span class="glyphicon glyphicon-menu-right pull-right"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Sports Activities</a></li>
            <li><a href="#">Sports Facilities</a></li>
          </ul>
        </li>
        <li class="dropdown list3">
          <a class="dropdown-toggle" data-toggle="dropdown" href=""> Admission Fees<span class="glyphicon glyphicon-menu-right pull-right"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Registration & Admission</a></li>
            <li><a href="#">Entrance Examination</a></li>
            <li><a href="#">Fees & Payment</a></li>
          </ul>
        </li>
        <li class="dropdown list4">
          <a class="dropdown-toggle" data-toggle="dropdown" href=""> Gallery<span class="glyphicon glyphicon-menu-right pull-right"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Image Gallery 2014-2015</a></li>
            <li><a href="#">Image Gallery 2016-2017</a></li>
            <li><a href="#">Video Gallery</a></li>
          </ul>
        </li>
        <li class="dropdown list5">
          <a class="dropdown-toggle" data-toggle="dropdown" href=""> Careers<span class="glyphicon glyphicon-menu-right pull-right"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Working at SKV</a></li>
            <li><a href="#">Positions Vacant</a></li>
            <li><a href="#">General Information</a></li>
            <li><a href="#">Apply Online</a></li>
          </ul>
        </li>
        <li><a href="">Contact Us</a></li>
      </ul>
    </div> 
<div id="quicklinkbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li><a>News & Events</a></li>
        <li><a>Toppers</a></li>
        <li><a>Achievements</a></li>
        <li><a>ISA Activities</a></li>
        <li><a>Alumni</a></li>
      </ul>
    </div>
    <!--/.nav-collapse -->
  </div>
  <!--/.container-fluid -->
</nav>
<!-- Nav Ends -->

图片位于

下方

在上面附上的两个菜单很有吸引力，当我点击图标栏下拉菜单o [笔和我点击alumini菜单alumini菜单时再次打开但iconbars下拉菜单没有关闭。请帮助我该如何解决这个问题。

当我们点击外面时如何隐藏导航栏崩溃？

0 个答案: