2014-10-17 70 views
0

頁面有垂直側邊菜單。它在頁面最大化時工作正常。當最小化時,我希望它顯示/隱藏點擊切換圖標,但沒有任何反應。菜單只是不顯示在我的情況。垂直側面菜單的摺疊不起作用

(但是在小提琴中,它閃爍着)。

我在哪裏出錯了。

http://jsfiddle.net/rk74g6w0/

<div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
    <div class="container-fluid navbar-container"> 
    <div class="navbar-header"> <a class="navbar-brand" href="#">DS-Menu</a> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" 
     data-target=".sidebar-collapse"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button> 
    </div> 
    </div> 
</div> 
<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-lg-2"> 
      <div class="sidebar-collapse collapse col-sm-3 col-md-2 
       sidebar navbar-default navbar-static-side"> 
       <ul id="menu" class="nav nav-sidebar sidebar-collapse in"> 
        <li class="active mainmenu"><a href="#">Menu 0 <span 
         class="glyphicon arrow"></span></a> 

         <ul class="submenu"> 
          <li><a href="#">item 0.1</a> 

          </li> 
          <li><a href="#">item 0.2</a> 

          </li>         
         </ul> 
        </li>       
       </ul> 
      </div> 
     </div> 
     <div class="col-lg-10"></div> 
    </div> 
</div> 
+0

對我的圖標工作......一定要在時鐘上e圖標,而不是從jsfiddle的「結果」廣場 – Kursion 2014-10-17 09:06:53

+0

它工作正常 – 2014-10-17 09:08:04

+0

抱歉,不正確的鏈接。更新它,請立即檢查。 – Qwerty 2014-10-17 09:12:22

回答

1

替換此:

<ul id="menu" class="nav nav-sidebar sidebar-collapse in"> 

通過這樣的:

<ul id="menu" class="nav nav-sidebar"> 

的jsfiddle:http://jsfiddle.net/rk74g6w0/1/

+0

非常感謝 – Qwerty 2014-10-17 09:29:53