jquery - Bootstrap左侧边栏切换菜单

Question

我有一个 Bootstrap 侧边栏切换菜单的脚本。它可以很好地满足我的需求。

现在菜单正在使用“切换菜单”按钮进行切换，这很好。但是如果我单击菜单的外侧，我需要关闭菜单。

请检查this Fiddle

并帮助我。谢谢。

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

Answer 1

要实现这一点，您必须使用 jquery 函数，例如 .hasClass、.trigger、.is 等。我所做的是，我点击检查了类，然后根据它们我编写了这段代码。请检查

参见demo

详细信息:首先，我检查单击 a href 时切换的类，因此我设定了一个条件，如果 #wrapper 已切换类，那么我们将触发#menu-toggle 上的 click 事件，但我们也必须小心，单击应该在正文上，而不是侧栏菜单的 a href 上，这就是为什么我用 !tag 添加了另一个条件。希望您能理解，如果不理解请告诉我。