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

我正在开发一个bootstrap模板，当有人点击菜单外，我需要隐藏/关闭打开的折叠菜单。 这里是菜单http://sofzh.miximages.com/jquery/logo_huge_domains.gif的图片

谢谢

Answer 1

这取决于如何创建“折叠菜单”。

如果您使用标准的Bootstrap下拉菜单，它会在单击文档中的其他位置时自动关闭…

  Menu   
 
Choice1
 
Choice2
 
Choice3
 
 
Choice..
 
  

如果您正在使用collapse组件，则可以使用jQuery创建文档click处理程序。

 $(document).on('click',function(){ $('.collapse').collapse('hide'); }) 

Bootply上的演示

Answer 2

只需添加此脚本行即可。

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