Question

我正在尝试折叠navbar - 打开时 - 在点击navbar-brand标题时关闭。目前，如果引导程序折叠导航栏打开并且单击导航栏品牌（在这种情况下称为“炒洋葱”），则导航栏不会关闭。它会在所有其他情况下关闭。

我想我只需要将a添加到'.navbar-collapse.in'，所以这只是一个语法问题。我尝试了'.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');
        });
    });
});

Answer 1

Bootstrap 实际上使用HTML5 Object.joins(:object_traits).where(object_trait: {name: [list_of_names]}).select("sum(object_traits.weight) as sum_weight, #{other direct object traits}").group("#{other direct object traits}").order('weight_sum')属性data-*和data-toggle打开和关闭导航栏。这些通常会添加到导航栏的“关闭”按钮，例如data-target和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>和data-toggle="collapse"添加到data-target="#navbar"（“炒洋葱”）。

编辑：

如果上述解决方案不起作用，请从.navbar-brand移除data-toggle和data-target并添加一些 jQuery ：

.navbar-brand

单击navbar-brand时关闭bootstrap折叠菜单

1 个答案:

编辑：