Javascript 选项卡之间的切换只能工作一次

Javascript 选项卡之间的切换只能工作一次,javascript,jquery,bootstrap-4,bootstrap-tabs,Javascript,Jquery,Bootstrap 4,Bootstrap Tabs,我的切换选项卡有问题。在下一个代码段中,您可以切换:vk->spotify,spotify->vk并停止。下一个vk->spotify选项卡不会更改。为什么? $('sourcePlatform')。关于('change',函数(e){ var$optionSelected=$('option:selected',this); $optionSelected.tab('show'); }); Vk Spotify VK Spotify 在显示所选选项之前,您需要删除未选中的选项 第一次两个

我的切换选项卡有问题。在下一个代码段中,您可以切换:
vk->spotify
spotify->vk
并停止。下一个
vk->spotify
选项卡不会更改。为什么?

$('sourcePlatform')。关于('change',函数(e){
var$optionSelected=$('option:selected',this);
$optionSelected.tab('show');
});

Vk
Spotify
VK
Spotify

在显示所选选项之前,您需要删除未选中的选项 第一次两个都没有“.active”类名,所以它可以工作。第三次两个都有“.active”类名,所以它不能工作


$unselected.tab('hidden') // or $unselected.className = ''
$selected.tab('show')

在这种功能中,我希望在显示选项卡之前找到隐藏选项卡的行clicked@AlwaysHelping我看见了。但是我不明白为什么这个
活动的
类保持不变。根据文档,它必须是隐藏的。@您使用的是onchange函数,因此为什么它保持不变。一旦循环完成,Its不会识别该变化。如果您对
a
做了同样的事情,那么文档是正确的,但也就是说=>每个选项卡都需要单独激活阅读了解更多信息=>通过JavaScript启用选项卡(每个选项卡都需要单独激活)@您是否知道如何更改默认行为,以便使用
选项
标记,例如
a
标记。我不熟悉引导,但您需要删除未选择选项的类名“.active”。使用引导api或简单地使用
element.className=”“