单击另一个选项卡后，引导选项卡消失答案

【问题标题】：Bootstrap tabs disappear after clicking onto another tab单击另一个选项卡后，引导选项卡消失
【发布时间】：2016-02-03 19:35:53
【问题描述】：

我尝试了 CSS 技巧来尝试让标签保持显示，但我点击一个标签的所有内容 - 一旦我点击另一个标签，它就会消失。

我尝试移动 JS 代码并将某些 CSS 属性移动到页面底部，在选项卡代码下方；什么都没有发生。

有没有可能因为我在标题上有一个标签，所以它正在这样做？

代码和选项卡一起看起来不错，没有拼写错误。

【问题讨论】：

标签： jquery tabs bootstrapping

【解决方案1】：

在我的情况下，它与原型不兼容:(

【讨论】：

【解决方案2】：

     $(document).off('click.tab.data-api');
    $(document).on('click.tab.data-api', '[data-toggle="tab"]', function (e) {
        e.preventDefault();
        var tab = $($(this).attr('href'));
        var activate = !tab.hasClass('active');
        $('div.tab-content>div.tab-pane.active').removeClass('active');
        $('ul.nav.nav-tabs>li.active').removeClass('active');
        if (activate) {
            $(this).tab('show')
        }
    });

【讨论】：

这行得通，但为什么还要这样做呢？这是BS3更高版本中的错误吗？我已经多次使用稍早版本的选项卡，直到现在才看到这个问题。我们现在使用的是 3.3.7。