Bootstrap 4 单击链接时自动关闭导航栏(响应模式)

Bootstrap 4 单击链接时自动关闭导航栏(响应模式),bootstrap-4,navbar,Bootstrap 4,Navbar,$('.navbar折叠a')。单击(函数(){ $(“.navbar collapse”).collapse('hide'); }); 更新: 您可以将“.single”类添加到没有任何下拉项的每个元素中,然后每当有人单击“.single”类时,您就会隐藏菜单。 每当有人点击“.dorpdown项”时,你就会再次隐藏菜单 使用以下代码: $( document ).ready(function() { $('.dropdown-i

$('.navbar折叠a')。单击(函数(){
$(“.navbar collapse”).collapse('hide');
});

更新:

您可以将“.single”类添加到没有任何下拉项的每个元素中,然后每当有人单击“.single”类时,您就会隐藏菜单。 每当有人点击“.dorpdown项”时,你就会再次隐藏菜单

使用以下代码:

   $( document ).ready(function() {
   
    $('.dropdown-item').click(function(){
     $('.navbar div').removeClass('show');
  });  
  $('.single').click(function(){
         $('.navbar div').removeClass('show');
  });
 
   });   

查看此工作小提琴

这不起作用,因为它不允许我在导航栏中的住宿或活动下拉菜单自动关闭导航栏之前选择下拉菜单选项,只需关闭导航栏,而不给我先选择项目的机会。@TimothyKruger我已根据您的需要更新了答案及其工作方式(&D)!谢谢你,伙计,这看起来像预期的那样。谢谢你的帮助;-)。