【问题标题】: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

标签: javascript jquery html twitter-bootstrap 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');
猜你喜欢
  • 2018-09-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-04-02
  • 2017-02-16
  • 1970-01-01
  • 2014-12-19
相关资源
最近更新 更多