Jquery 如何在单击页面上的其他位置后隐藏引导打开的折叠菜单

我正在使用引导模板，当有人在菜单外单击时，我需要隐藏/关闭打开的折叠菜单。这是菜单的图片

谢谢

这取决于“折叠菜单”的创建方式

如果您使用标准引导下拉菜单，当单击文档中的其他位置时，它将自动关闭

<div class="btn-group">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    Menu
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <li><a href="#">Choice1</a></li>
    <li><a href="#">Choice2</a></li>
    <li><a href="#">Choice3</a></li>
    <li class="divider"></li>
    <li><a href="#">Choice..</a></li>
  </ul>
</div>

---

只需添加此脚本行即可

 $(document).ready(function(){
    $('.dropdown-toggle').dropdown();
});

---

我将“collapse”应用于我页面上的几个div，一旦其中一个div扩展了它的类，它就变成了“in”，而不是“collapse”，所以使用

$(document).on('click',function(){
    $('.in').collapse('hide'); //in instead of collapse
});

---

为我工作。

我正在使用此代码进行

nav collapse

，它具有哈希导航和页面链接，哈希工作，但没有页面链接。。。你有什么建议？@SaurabhLP我认为Skelly的另一个答案可能会帮助你。你真的认为倾听文档上的每一次单击并每次运行折叠脚本是一个好主意吗？问题是当有人在菜单外单击时，隐藏打开的折叠菜单。您的答案关闭可折叠，即使在菜单栏内点击，这个问题是OBE。问题的参考链接已断开，如答案所述，当有人在菜单外单击时，引导菜单aleady确实会关闭。问题是当有人在菜单外单击时，隐藏打开的折叠菜单。您的答案关闭可折叠菜单，即使在菜单内单击也是上述问题的解决方案之一。若“切换”下拉列表未正确启动，它将无法工作，仅添加HTML不能保证它工作。我不知道你为什么投反对票。

$(document).on('click',function(){
    $('.in').collapse('hide'); //in instead of collapse
});