Bootstrap下拉菜单关闭

Question

我有一个bootstrap下拉菜单。当我点击菜单项时，我需要关闭该功能。

链接像ajax请求模型一样，所以页面没有刷新。

<li class="dropdown">
  <a href="link"  ng-class="isOurProducts" data-toggle="dropdown" id="products">Product<b class="caret"></b></a>
  <ul class="dropdown-menu">
    <li><a href="globe.html">globe</a></li>
    <li><a href="safe.html">Safe</a></li>
  </ul>
</li>

Answer 1

You can use like this.

$(document).on('click','.navbar-collapse.in',function(e) {
    if( $(e.target).is('a') ) {
        $(this).collapse('hide');
    }
});

希望这会对你有所帮助。