引导选项卡不会停用答案

【问题标题】：Bootstrap tabs don't deactivate引导选项卡不会停用
【发布时间】：2016-09-05 18:36:43
【问题描述】：

我正在使用 Bootstrap 中的选项卡组件，它似乎工作正常，但是当我转到一个选项卡然后离开它时，该选项卡会保持活动类。因此，当我完成所有这些时，它们将不起作用。这是我的代码（我正在使用 Django）

<ul id="question-tabs" class="nav nav-tabs nav-justified" role="tablist" data-tabs="question-tabs">
    <li role="presentation" class="active"><a href="#latest" data-toggle="tab">Latest</a></li>
    <li role="presentation"><a href="#unans" data-toggle="tab">Unanswered <span class="badge">{{ total_noans }}</span></a></li>
    <li role="presentation"><a href="#reward" data-toggle="tab">Most Rewarding <span class="badge">{{ reward | length }}</span></a></li>
</ul>

没有发现问题，我尝试使用 JS sn -p Bootstrap 提供的...

$('#question-tabs a').click(function (e) {
  e.preventDefault()
  $(this).tab('show')
})

...但它没有用。这可能是一件愚蠢的事情，但我无法弄清楚。我很感激任何帮助。

如果你想要我所说的活生生的例子，请转到https://seoq.swapps.io/qa/

【问题讨论】：

标签： javascript twitter-bootstrap bootstrap-tabs

【解决方案1】：

只需将这样的代码包装在您的页面特定 (project.js) 脚本中即可。我希望这能解决问题：

$(function(){
  $('#question-tabs a').click(function (e) {
    e.preventDefault()
    $(this).tab('show')
  });
});

享受:)

【讨论】：

这不是问题。这不会解决它，标签仍然没有停用
@AndrewL。在控制台中它显示 "TypeError: $(...).tab is not a function" 。看到这张图片here
我知道，这意味着$(...).tab 没有定义。那可能是因为脚本不存在。经过你的修改，还是不行。
Bootstrap 的所有代码都在里面，我也试过从 CDN 中添加它，但没有用。

【解决方案2】：

是的，这是一件愚蠢的事情。在基本模板中，被调用的 Bootstrap.js 文件是版本 4 的文件。现在它可以工作了。很抱歉，谢谢大家。

【讨论】：