2014-06-21 34 views
0

我有一个引导下拉菜单。当我点击我的元素时,它会显示下拉菜单,当我点击它时会折叠下拉菜单。但是,当我点击该元素也disapers,我检查,并得到显示:没有设置。这是为什么发生?引导下拉菜单集显示:无折叠

这是我的名单

<ul class="menu nav navbar-nav"> 
<li class="" id="current"> 
    <a class="" href=""> Nyheter</a> 
</li> 
<li class=""> 
    <a class="" href="">test</a> 
</li> 
<li class=""> 
    <a class="" href="">Schema</a> 
</li> 
<li class=" dropdown"> 
    <a class="dropdown-toggle" data-toggle="dropdown" href="/info">Info </a> 
    <ul class="dropdown-menu"> 
     <li class=""> 
      <a class="" href="/info/checklista">Checklista</a> 
     </li> 
     <li class=""> 
      <a class="" href="/info/laenkar"> Länkar</a> 
     </li> 
     <li class=""> 
      <a class="" href="asd"> test2</a> 
     </li> 
    </ul> 
</li> 
<li class=""> 
    <a class="" href="/bilder"> Bilder </a> 
</li> 
<li class=""> 
    <a class="" href="/kontakt"> Kontakt </a> 
</li> 

+0

请把jQuery代码也ü试图 –

+0

其标准的引导。我不使用任何额外的jQuery代码。 – AlexanderNajafi

+0

当我点击信息时,下拉菜单出现。当我点击时,下拉菜单中的信息按钮不会消失。证明:http://www.bootply.com/xXSuRzso46你会澄清吗? –

回答

0

Demo

<nav id='myNavbar' class='navbar navbar-default' role='navigation'> 
    <!-- Brand and toggle get grouped --> 
    <div class='container'> 

    <!-- you are missing this part below --> 

     <div class='navbar-header'> 
      <button type='button' class='navbar-toggle' data-toggle='collapse' data-target='#bs-example-navbar-collapse-1'> 
       <span class='sr-only'>Toggle navigation</span> 
       <span class='icon-bar'></span> 
       <span class='icon-bar'></span> 
       <span class='icon-bar'></span> 

      </button> <a class='navbar-brand' href='#'>Menu</a> 

     </div> 


     <!-- Collect the nav links, forms, and other content for toggling --> 

     <div class='collapse navbar-collapse' id='bs-example-navbar-collapse-1'> 
      <ul class="menu nav navbar-nav"> 
       <li class="" id="current"> <a class="" href=""> Nyheter</a> 

       </li> 
       <li class=""> <a class="" href="">test</a> 

       </li> 
       <li class=""> <a class="" href="">Schema</a> 

       </li> 
       <li class=" dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="/info">Info </a> 

        <ul class="dropdown-menu"> 
         <li class=""> <a class="" href="/info/checklista">Checklista</a> 

         </li> 
         <li class=""> <a class="" href="/info/laenkar"> Länkar</a> 

         </li> 
         <li class=""> <a class="" href="asd"> test2</a> 

         </li> 
        </ul> 
       </li> 
       <li class=""> <a class="" href="/bilder"> Bilder </a> 
       </li> 
       <li class=""> <a class="" href="/kontakt"> Kontakt </a> 
       </li> 
      </ul> 
     </div> 
     <!-- /.navbar-collapse --> 
    </div> 
</nav>