0

工作例如:http://executionists.com(移動視視看問題)UI,引導收起不會重置新航線

我使用的是從UI引導崩潰指令和它的偉大工程,以切換我的菜單開關。然而,當我點擊一個菜單項時,我被路由到一個新的視圖(這是它應該做的),但是菜單保持打開狀態。它實際上閃爍一秒鐘,因爲它看起來正在崩潰,但隨後彈開,並且不會摺疊,直到手動完成。

HTML:

<button type="button" class="btn btn-default" ng-click="isCollapsed = !isCollapsed"> 
    <i class="fa fa-bars fa-4"></i> 
</button> 

<div class="container mobile-menu visible-xs collapse" collapse="isCollapsed"> 
    <a ng-href="#/about">About</a> 
</div> 

在相關負責人,我只是設置默認狀態:

$scope.isCollapsed = true; 

我缺少什麼?

+1

加入** $(」。COL-1' )。點擊(函數(){$(this).toggle();}); **在jquery函數應該工作我猜! – 2014-11-06 12:12:07

+0

嗯,這似乎沒有做任何事情。 – 2014-11-06 21:04:40

+0

我看到你正在使用Angular渲染你的頁面,問題是頁面再次渲染,它保持在同一頁面 – 2014-11-07 06:36:26

回答

1

嘗試增加這樣的事情,如果我明白,這是要你需要

$("div.container.mobile-menu.visible-xs.collapse div.row div.col-1 ul a").click(function() { 
      if (window.location.hash) { 
       $('.mobile-menu').height(0); //change the menu to be 'Hidden' 
      } 
    }); 

UPDATE

$("div.container.mobile-menu.visible-xs.collapse div.row div.col-1 ul a").click(function() { 
    $('.mobile-menu').toggle(function() { 
     if (window.location.hash) { 
      $('button.btn.btn-default').click(); 
     } 
    }); 
}); 
+0

我更新了我的答案,使得更短 – 2014-11-07 08:11:41

+0

這工作!謝謝!但是,這確實會引入一點小怪癖。一旦你選擇了一個菜單選項,菜單就消失了,但是,現在需要兩次點擊才能重新打開菜單。那裏有任何想法? – 2014-11-07 08:12:48

+0

這將很容易使工作小提琴,儘量做到這一點,因爲我必須看你所有的代碼,使簡單的小提琴你需要什麼,我會幫你 – 2014-11-07 08:14:02