Bootstrap 3默认为第一个选项卡

时间:2015-01-08 15:31:47

标签: javascript jquery html twitter-bootstrap

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

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

我不知道怎么做。当我看到#tab1事件时,我已尝试将标签设置回.on('hidden.bs.modal',但似乎无效。

任何帮助都将不胜感激。

4 个答案:

答案 0 :(得分:7)

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
});

更新你的小提琴:http://jsfiddle.net/sesu6rkn/1/

答案 1 :(得分:1)

我之前遇到过这种情况,如果我记得我必须删除这个类="活跃"来自tab和tabContent。

这可能会有所帮助:https://stackoverflow.com/a/11762931/1214858

答案 2 :(得分:0)

我用这个工作正常我猜

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

答案 3 :(得分:0)

接受的答案对我不起作用,因此我找到了它作为解决问题的方法。我只是在第一个链接上触发了点击事件:

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