Jquery 在外部单击时隐藏/切换

我在这里使用这个模板（）来启动bootstrap学习。我发现学习很好。然而，我有一个疑问

当我在移动模式下打开模板时，它会显示一个图标（菜单图标），当我单击它时，它会显示侧边栏。现在，当我在div外部单击时，理想情况下，它应该隐藏侧栏（自动切换），但它没有。请让我知道如何解决/实现它

用于切换div的脚本如下所示：

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

---

此外，如果您在引导中有任何固定的边栏演示，请共享。

您需要创建一个绝对定位的div，覆盖您要单击的内容区域以隐藏边栏，您必须通过CSS指定其宽度和高度。它还需要自己的点击事件。可以把它想象成一个覆盖左侧内容的巨大按钮。此示例不包括在导航到其他部分时隐藏div的情况

$('#menu-toggle').click(function(e) {
 $('.covers-content').show();
});

$('.covers-content').onClick(function(e) {
 $('#wrapper').toggleClass("active");
 $('.covers-content').hide();
});

<div class="covers-content" style="display:none"></div>

$（“#菜单切换”）。单击（功能（e）{
$（'.covers content'）.show（）；
});
$（'.covers content'）.onClick（函数（e）{
$（“#包装器”）.toggleClass（“活动”）；
$（'.covers content'）.hide（）；
});

试试这个：

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

$("#page-content-wrapper").click(function(e) {
    e.preventDefault();
    if $("#wrapper").hasClass("active"){
      $("#wrapper").toggleClass("active");
    }
});

---

这将允许您在侧边栏隐藏时侦听菜单切换按钮的单击，并在侧边栏可见时侦听其余内容的单击

提供您实际需要的html文档，以显示您尝试过的内容，并指出您遇到的特定问题。这就是它的工作原理。这不是关于共享代码，而是修复现有代码jquery@ALL，我仍处于初级阶段，与共享链接中的html/css/脚本相同：完美答案。这是关键。不过，我也没有问过，但当侧边栏切换（可见）并向左滑动时，我需要再次切换侧边栏。（手势类型）。我可以用基本jquery实现吗？@CyberWizard如果你说的是刷卡手势，那么用jquery是无法实现的。你可以看看