Bootstrap 3 默认为第一个选项卡

Question

我有一个带有两个选项卡的动态模式。当有人打开模式时，我希望 #tab1 始终是默认选项卡。问题是如果我打开模态并单击 #tab2 然后关闭，当我打开模态时它仍然处于 #tab2.

我不知道该怎么做。当我看到 .on('hidden.bs.modal' 事件时，我尝试将选项卡设置回 #tab1，但这似乎不起作用。

如有任何帮助，我们将不胜感激。

Answer 1

从 Bootstrap docs 您可以像这样激活第一个选项卡：

$('#myTab a:first').tab('show')

所以只需将它添加到您的模式中，当它像这样关闭时：

$('#clusterprofileanomalies').on('hidden.bs.modal', function () {
    //Add this line:
    $('.nav-tabs a:first').tab('show');

    //Snipped other non-relevant code
});

更新您的fiddle：http://jsfiddle.net/sesu6rkn/1/

Answer 2

我以前遇到过这个，如果我记得我必须从选项卡和 tabContent 中删除 class="active"。

这可能有帮助：

Answer 3

我猜我用这个很好用

$('.nav-tabs > li:first-child > a')[0].click();

Answer 4

接受的答案对我不起作用，所以我找到了这个问题的解决方案。我只是在第一个 link:

触发了一个点击事件

$('.nav-tabs a:first').click();

Bootstrap 3 默认为第一个选项卡

Bootstrap 3 Default to first tab

html

javascript

jquery

twitter-bootstrap