Question

所以在我的bootstrap 3.3.6中我有一个包含链接的菜单。

在较小的尺寸中，菜单变为下拉菜单，我想，当点击菜单项时，菜单就会消失。

我想我可以做点像

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

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

但是我不知道在我的函数中设置什么，所以下拉列表会再次返回

任何帮助？

由于

Answer 1

我想办法。

在带有链接的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")来获取它，然后更改它的类以使其消失。

单击项目后关闭引导程序下拉菜单

1 个答案: