在Bootstrap中的nav-tab外部单击时，如何删除活动的nav-tab？

Bootstrap具有名为“ collapse navbar-collapse”的类，当用户更改屏幕分辨率时，该类会折叠导航栏。代码底部的Java脚本以及它一起触发折叠菜单，当用户单击菜单的汉堡包图标并导航到所需的链接时，单击后它再次折叠菜单。 scroll事件仅适用于可滚动元素，也适用于浏览器窗口。它基本上附加了一个要运行的功能，该函数说导航栏应在发生滚动事件时折叠，此处是用户导航到导航栏上不同链接的功能。

例子：

  

    Navigation Bar
  
    
    
  
    
  
    
    
  
    
    
  
    
    

  

  
    
  
         
            GeeksforGeeks 
        
  
        Collapsing Navbar
  
        
  
            
            
                
            
  
            
              
                
            
  
            
                
                    
                        
                        Home
                    
                    
  
                    
                        
                        Algo
                    
                    
  
                    
                        
                        DS
                    
                    
  
                    
                        
                        Languages
                    
                    
                
            
        
    
  
    
    
        A
        B
        C
        D
    
  
    
$(document).on('click', '.nav-link.active', function() {
  var href = $(this).attr('href').substring(1);
  //alert(href);
  $(this).removeClass('active');
  $('.tab-pane[id="' + href + '"]').removeClass('active');
  
});
$(document).mouseup(function(e) {
    var container = $("#tablist"); // target ID or class
    // if the target of the click isn't the container nor a descendant of the container
    if (!container.is(e.target) && container.has(e.target).length === 0) {
        // get Event here
        $('.active').removeClass('active');
    }
});
    

  
                    

输出：