單擊項目後關閉引導程序下拉菜單

因此，在我的引導程序3.3.6中，我有一個包含鏈接的菜單。單擊項目後關閉引導程序下拉菜單

在較小的尺寸下，菜單變爲下拉菜單，我想要點擊菜單項時，菜單消失。

我想我可以做這樣的事情

function closeMenu(){ 
    //? uhm, what? 
} 

document.getElementByClass ("menuLink").addEventListener("closeMenu",findit,false);

，但我沒有什麼線索，以我的函數內部設置，所以下拉菜單會再回去了

任何幫助嗎？

謝謝

來源

2016-03-16 slevin

如果你問的想法，那麼它可以是..使用點擊事件後，點擊意味着有人會點擊菜單，然後再次使用點擊事件，所以會有2點擊，你的菜單將在打開後關閉 –

@Leothelion你好。我不明白爲什麼我應該「再次使用點擊事件」。爲什麼我必須再次使用點擊？用戶單擊菜單按鈕>菜單下拉菜單>用戶單擊菜單項>重定向並同時關閉菜單。所以，我猜一次點擊就夠了。糾正我，如果我錯了。謝謝 – slevin

它應該關閉，一旦一個項目被點擊：http://bootply.com/5t0sASdQWw – ZimSystem

我想通了。

在帶鏈接的div裏面，我爲每個鏈接設置了一個控制器和ng-click。

<ul class="nav navbar-nav navbar-right" ng-controller="navCtrl" >     
         <li><a ng-click="menuLinkClicked()" href="#/"> Home </a></li>     
         <li><a ng-click="menuLinkClicked()" href="#jake"> Jake</a></li>     
         <li><a ng-click="menuLinkClicked()" href="#amir"> Amir</a></li>  

</ul>

，並在我的控制器

app.controller('navCtrl',['$scope', 
    function ($scope) { 
     $scope.menuLinkClicked = function() {       
      document.getElementById("navbar").className="navbar-collapse collapse"; 
     };   
    } 
]);

navbar是在較小的屏幕摺疊菜單的ID。我使用document.getElementById("navbar")來獲得它，然後改變它的類，使其消失。

來源

2016-03-16 12:24:53 slevin

單擊項目後關閉引導程序下拉菜單

回答

相關問題