如何在单击导航栏元素外部或单击Bootstrap 4中的链接时关闭打开的折叠导航栏？

Question

bootstap 3中的

就像这样=＆gt;

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

如何在bootstrap 4 alpha中执行此操作5.谢谢这里是navbar 4的codepen： http://codepen.io/parlop/pen/BQoNNx

Answer 1

我认为你需要做的就是更改类名，例如在代码中我看不到名为“navbar-collapse”的类：

$(document).on('click',function(e) {
    if(  $(e.target).attr('class') != 'navbar' ) {
        $('#navbarResponsive').removeClass('in');
    }
});

Answer 2

这个人在Bootstrap 4上为我工作

    $('body').on('click', function(e) {
        if($(e.target).closest('.navbar').length === 0) {
            // click happened outside of .navbar, so hide
            var opened = $('.navbar-collapse').hasClass('collapse');
            if ( opened === true ) {
                $('.navbar-collapse').collapse('hide');
            }
        }
    });