[英]How can I close the sidebar menu? (Bootstrap)
我的引导网页上有一个侧面菜单,默认情况下是打开的。 如果屏幕太小,则屏幕后面会放置一个按钮以再次打开菜单。
当用户单击链接时,我希望菜单自动关闭。
我已经拥有的按钮可以完美地打开菜单,但是我无法关闭它吗?
<div id="wrapper">
<div id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="sidebar-brand"><a href="#/"><img src="/content/img/AAA.png" width="27px" />Menu</a></li>
<li data-ng-hide="!authentication.isAuth"><a href="#/Page2">Welcome {{authentication.userName}}</a></li>
<li data-ng-hide="!authentication.isAuth"><a href="#/Page2">Page1</a></li>
<li data-ng-hide="!authentication.isAuth"><a href="" data-ng-click="logOut()">Logout</a></li>
<li data-ng-hide="authentication.isAuth"><a href="#/login"><span class="glyphicon glyphicon-user"></span> Login</a></li>
<li data-ng-hide="authentication.isAuth"><a href="#/signup"><span class="glyphicon glyphicon-log-in"></span> Sign Up</a></li>
</ul>
</div>
</div>
<a href="#menu-toggle" class="btn btn-default" id="menu-toggle">
Menu
</a>
<script>
$("#menu-toggle").click(function (e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");
});
</script>
您可以为a元素添加另一个事件处理程序。
$(".sidebar-nav li a").click(function() {
$("#wrapper").removeClass("toggled");
});
您可以执行以下操作:
我遇到了类似的问题,我在菜单上放置了一个关闭按钮,并添加了一个单独的单击处理程序来关闭菜单。 然后,关闭按钮将与菜单一起隐藏,仅留下按钮以再次打开菜单。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.