Javascript 单击导航栏时关闭引导折叠菜单

我正试图让折叠的

navbar

（打开时）在单击

navbar品牌

标题时关闭。此时，如果引导折叠的navbar打开并且单击了navbar品牌（在本例中为“油炸洋葱”），则navbar不会关闭。它在所有其他情况下关闭

我想我只需要将

a

添加到

”。导航栏折叠。在“

中，这实际上只是一个语法问题。我尝试了

”.navbar-collapse.in&&&a'

和

'.navbar-collapse.in | | a'

都不起作用

这是相关的JS

   $(document).on('click','.navbar-collapse.in',function(e) {
    if( $(e.target).is('a') && $(e.target).attr('class') != 'dropdown-toggle' ) {
        $(this).collapse('hide');
    }
});


  $(document).ready(function () {

    $(function () {
     /*   $('li a').click(function (e) { */
        $('a').click(function (e) {
            $('a').removeClass('active');
            $(this).addClass('active');
        });
    });
});

Bootstrap实际上使用HTML5

data-*

属性

数据切换和
数据目标打开和关闭导航栏。它们通常添加到导航栏的“关闭”按钮，如
data toggle=“collapse”
和
data target=“#navbar”
。但是你可以在任何地方添加它们，它们都会起作用

我已经试过了，它似乎很管用：

<a class="navbar-brand" data-toggle="collapse" data-target="#navbar" ui-sref="home">Fried <span class="navbar-brand-bold">Onions</span></a>

@AgentZebra
数据切换
和
数据目标
是
数据-*
属性。它们通常与任何普通的HTML属性相同，但Bootstrap使用它们来识别和运行它的许多JS组件。因此，通过向任何HTML元素添加
data toggle=“collapse”
，Bootstrap就可以将其
collapse
功能绑定到该元素。类似地，
data target=“#navbar”
告诉引导程序要显示/隐藏哪个元素（打开/折叠）。感谢您的解释。这几乎解决了它。但是现在，当折叠的导航没有打开时，我单击导航栏品牌/油炸洋葱，它实际上会打开折叠的导航并保持打开状态。@AgentZebra没问题。快乐编码！
$(function(){
  $(".navbar-brand").click(function(){
    if ($(".collapse.in")) {
      $(".collapse.in").animate({height: '1px'}, 500, function(){
        $(".collapse.in").removeClass("in");
      });
    }
  });
});