Javascript 更改默认引导3'；标签'；活动类元素

当前在Bootstrap 3中，当您使用Bootstrap的选项卡导航窗格时，“active”类被放置在

元素上，如下所示：

<ul class="nav navbar-nav">
  <li class="active"><a href="#A" data-toggle="tab">A</a></li>
  <li><a href="#B" data-toggle="tab">B</a></li>
  <li><a href="#C" data-toggle="tab">C</a></li>
</ul>

---

与@Mina Ragaie评论相反，注意问题内容很重要：

相反，我试图让“活动”类进入元素

默认情况下，活动类跟随单击的li，但是如果您想在子锚点标记上添加另一个活动类，则需要将事件从“show.bs.tab”更改为“show.bs.tab”。添加行：

$(this).closest('.nav').find('.active').removeClass('active');

以删除任何活动的已添加类

在下面的片段中，有一个证据：

$（'a[data toggle=“tab”]”）on（'show.bs.tab'，函数（事件）{
$（this）.closest（'.nav'）.find（'.active'）.removeClass（'active'）；
$（event.target）.addClass（'active'）；
}).first（）.trigger（'show.bs.tab'）
a.active{
背景色：蓝色！重要；
}





与@Mina Ragaie评论相反，注意问题内容很重要：

相反，我试图让“活动”类进入元素

默认情况下，活动类跟随单击的li，但是如果您想在子锚点标记上添加另一个活动类，则需要将事件从“show.bs.tab”更改为“show.bs.tab”。添加行：

$(this).closest('.nav').find('.active').removeClass('active');

以删除任何活动的已添加类

在下面的片段中，有一个证据：


$（'a[data toggle=“tab”]”）on（'show.bs.tab'，函数（事件）{
$（this）.closest（'.nav'）.find（'.active'）.removeClass（'active'）；
$（event.target）.addClass（'active'）；
}).first（）.trigger（'show.bs.tab'）
a.active{
背景色：蓝色！重要；
}





为什么在使用bootstrap功能时要手动删除活动类，所以bootstrap应该自己删除它，而不添加任何额外的事件，我认为我们没有解决问题，我们只是让它以错误的方式工作，fyk如果你在回答中删除你的js，它也会工作。在否决投票之前，请在MinaRagaie检查此答案。您需要花时间阅读答案：……我正在尝试让“活跃”课程继续讨论不同的问题和不同的答案。如果你需要知道为什么OP要求。。。。。我没有答案。为什么你应该手动删除活动类，而你使用一个引导功能，所以引导应该删除它本身，没有添加任何额外的事件，我认为我们没有解决问题，我们只是让它以错误的方式工作，fyk如果你删除你的答案中的js它也会工作。在否决投票之前，请在MinaRagaie检查此答案。您需要花时间阅读答案：……我正在尝试让“活跃”课程继续讨论不同的问题和不同的答案。如果你需要知道为什么OP要求。。。。。我没有答案。
$(this).closest('.nav').find('.active').removeClass('active');