jquery - 关闭引导选项卡窗格并从链接中删除活动类

Question

关于这个主题有一些问题，但我找不到.active从单击时删除类的解决方案.nav-link。这是我尝试过的：

$('.nav-link').on('click', function(){
  if($(this).hasClass('active')){
    $(this).toggleClass('active');
    $('#' + this.hash.substr(1).toLowerCase()).toggleClass('active');
  }
});

https://codepen.io/marcelo-villela-gusm-o/pen/ZMOmoO?editors=1010

标签： jquerytwitter-bootstrapbootstrap-4

Answer 1

You have to stop the event from propagating. Use return false for that:

Demo: https://codepen.io/anon/pen/PdzXpw?editors=1010

JS:

 $('.nav-link.active').on('click', function(){
//This targets only li elements having active class
    $(this).toggleClass('active');
    $('#' + this.hash.substr(1).toLowerCase()).toggleClass('active');
    return false;
});