Javascript 如何在选项卡面板中使用两个转盘？
我需要帮助在选项卡面板下管理两个不同的邮件传送带。我正在使用两个标签链接下的post carousel快捷码。因此，每个转盘都应该显示在选项卡链接下。我正在使用一个WordPress插件来制作帖子旋转木马。并使用此代码作为初始选项卡 问题是，最初活动选项卡正确显示第一个旋转木马。但当我单击第二个选项卡时，它会显示第二个旋转木马，宽度为：0px 这是。您将看到两个选项卡部分名称“主页”和“配置文件”Javascript 如何在选项卡面板中使用两个转盘？,javascript,wordpress,html,css,plugins,Javascript,Wordpress,Html,Css,Plugins,我需要帮助在选项卡面板下管理两个不同的邮件传送带。我正在使用两个标签链接下的post carousel快捷码。因此，每个转盘都应该显示在选项卡链接下。我正在使用一个WordPress插件来制作帖子旋转木马。并使用此代码作为初始选项卡 问题是，最初活动选项卡正确显示第一个旋转木马。但当我单击第二个选项卡时，它会显示第二个旋转木马，宽度为：0px 这是。您将看到两个选项卡部分名称“主页”和“配置文件” .nav tabs{边框底部：2px实心#DDD；} .nav tabs>li.active>a
.nav tabs{边框底部：2px实心#DDD；}
.nav tabs>li.active>a、.nav tabs>li.active>a:focus、.nav tabs>li.active>a:hover{边框宽度：0；}
.nav tabs>li>a{边框：无；颜色：#666；}
.nav tabs>li.active>a.nav tabs>li>a:悬停{边框：无；颜色：#4285F4！重要；背景：透明；}
.nav tabs>li>a：：在{内容：''之后；背景：#4285F4；高度：2px；位置：绝对；宽度：100%；左侧：0px；底部：-1px；过渡：所有250ms缓和0；变换：比例（0）；}
.nav tabs>li.active>a:：after，.nav tabs>li:hover>a:：after{transform:scale（1）；}
.tab nav>li>a:：在{背景：#21527d无重复滚动0%0%；颜色：#fff；}
.tab窗格{填充：15px 0；}
.tab内容{填充：20px}
.card{背景：#FFF无重复滚动0%0%；方框阴影：0px 1px 3px rgba（0,0,0,0.3）；页边距底部：30px；}
[wcp转盘id=“1596”]
[wcp转盘id=“1593”]
<style>
.tab-content > .tab-pane {
display: block !important;
order: 1;
width: 100%;
opacity: 0;
}
.tab-content {
display: flex;
width: 100%;
flex-wrap: wrap;
}
.tab-content > .tab-pane.active {
order: 0;
position: absolute;
opacity: 1;
}
</style>
.tab内容>.tab窗格{
显示：块！重要；
顺序：1；
宽度：100%；
不透明度：0；
}
.选项卡内容{
显示器：flex；
宽度：100%；
柔性包装：包装；
}
.tab内容>.tab-pane.active{
顺序：0；
位置：绝对位置；
不透明度：1；
}