Javascript 使用Bootstrap 4下拉列表在节之间进行制表的方法

我已经看到了bootstrap 3的多个示例，在这些示例中，您可以使用

下拉列表

在各个部分之间创建选项卡。我宁愿在我的应用程序中使用Bootstrap4。我在bootstrap的文档中看到过，您可以使用选项卡导航链接，当您单击其中一个链接时，该部分会添加一个活动类，然后从上一部分中删除该活动类。我尝试将其用于

下拉链接，它确实会将活动类添加到相应的部分，但不会从上一部分中删除活动类。有什么我遗漏的吗？请记住，我不是一个专业的程序员，但这是我的一个爱好，我正在尝试制作一个简单的应用程序来帮助我在我的工作领域。这里有一个我所指的例子，它显示了部分，但没有从前面的部分中删除活动类，因此如果需要的话，不可能返回到前面的部分。是否有一个
javascript
或
jquery
函数需要我在这里添加才能实现？任何帮助都将不胜感激



引导示例
可切换标签


下拉按钮


家
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利



菜单1
但是，在最低限度上，我们需要一个实验室来进行日常工作



菜单2
在所有人都有错误的情况下，我们必须清楚地看到，所有的人都有错误

问题发生的原因是
.active
类未从
选项卡中清除。根据一些答案，
ul
用于选择元素，但是您使用的是
，因此当选项卡打开时，您需要删除
。active
类，如下所示或

工作示例：
这解决了问题。非常感谢您的反馈。
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  $(e.target).addClass('active').siblings().removeClass("active"); // activated tab
});