javascript - Bootstrap 3 默认为第一个选项卡

Question

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

JSFiddle:http://jsfiddle.net/9zo9hka4/

我不知道该怎么做。当我看到 .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/