引导选项卡不会切换

Posted 2023-05-08

【中文标题】引导选项卡不会切换

【英文标题】：Bootstrap Tab won't switch

【发布时间】：2018-04-29 16:16:07

【问题描述】：

我的右侧边栏中有两个标签：http://www.futurebusinesscouncil.com/join-3/

在搜索下方，您可以看到“热门”和“最近”。我想把它换成流行的。通常它应该与此代码一起使用：

jQuery('#tabs a[href="#tab-popular"]').tab('show');

但遗憾的是，它并没有切换标签。只是颜色在变化，就像它是活跃的一样。但它不是……我的失败在哪里？

亲切的问候

【问题讨论】：

您需要有唯一的id，在您的情况下，两个选项卡都具有相同的 id tabs。

【参考方案1】：

使用这些代码行

jQuery('#tabs a[href="#tab-recent"]').parent().removeClass("active")
jQuery('#tabs a[href="#tab-popular"]').parent().addClass("active")

【讨论】：

也不起作用...我将使用 CSS 来完成并立即显示。这对我有用！

您应用此代码的方式不正确。此代码在浏览器控制台中运行。

【参考方案2】：

在页面加载时，只需在第一个 li 中添加名为“active”的类。

$('#tabs').find('li').removeClass('active');
$('#tabs').find('li:first').addClass('active');

【讨论】：

但不会将标签卡从最近更改为流行

如果你这样做，你会看到最近的卡片

您是否从第二个 li 中删除了活动课程？

$('#tabs').find('li').removeClass('active'); $('#tabs').find('li:first').addClass('active');