时间戳

首页 > 解决方案 > 添加另一个按钮以关闭 Bootstrap 简单侧边栏

javascript - 添加另一个按钮以关闭 Bootstrap 简单侧边栏

问题描述

我正在使用https://codepen.io/Philippe_Fercha/pen/yawbqB向我的网站添加侧边栏。我想在侧边栏添加另一个按钮以在移动模式下关闭我的菜单。但是通过添加下面的代码，此功能会失败。

<a href="#menu-toggle" class="btn btn-default" id="menu-toggle">Toggle Menu</a>

如何创建另一个按钮来关闭此菜单？

标签： javascript

解决方案

第二个按钮需要唯一的 id。例如：id="menu-toggle2"。之后，您还必须为此按钮注册 click 方法：

$("#menu-toggle2").click(function(e) {
   e.preventDefault();
   $("#wrapper").toggleClass("toggled");
});

或者，您可以使用此方法（由@GrafiCode Studio 发布）为具有特定属性的所有链接注册点击： $('a[href="#menu-toggle"]')

推荐阅读