如何在單擊導航欄元素外部或單擊Bootstrap 4中的鏈接時關閉打開摺疊的導航欄？

Question

在bootstap 3是這樣=>

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

如何引導4阿爾法5.thanks做到這一點這裏的導航欄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'); 
    } 
});