Twitter bootstrap 3 更改“文档准备就绪”上的活动选项卡

我想更改文档加载时的活动药丸/选项卡。我知道你可以像下面一样设置活动药丸，但出于其他原因，我想在加载文档后更改它。我尝试过各种各样的JS，但似乎都不管用。这是HTML和JS（我也尝试用下面的data toggle=“tab”替换data toggle=“pill”，但仍然不起作用）

或

@斯图，给你

HTML:

$(function () {
     $('#myTab a[href="#banana"]').tab('show');
});

将ID

myTab

分配给UL元素

  <ul class="nav nav-pills pillstyle" id="myTab">

另请参阅引导文档，了解如何在此处选择不同的加载元素。它会给你更好的理解。

工作演示：

注意：只是为了回答您的试错

---

只需在元素上指定

data toggle=“tab”

或

data toggle=“pill”

，即可激活选项卡或pill导航，而无需编写任何JavaScript。将

nav

和

nav选项卡

类添加到选项卡

ul

将应用引导选项卡样式。（来自bootstrap文档。阅读更多内容以获得更好的清晰度）

您只需更改jQuery选择器以寻址

a

元素，而不是

选项卡窗格

div

$(document).ready(function(){
    $('a[href="#banana"]').tab('show');
});

---

如果需要，可以在中找到有关引导选项卡的详细说明。

是！非常感谢。这很好用！我使用了引导文档来获得我所拥有的。我的JS很糟糕，所以无法使用锚。

  <ul class="nav nav-pills pillstyle" id="myTab">

$(function () {
     $('#myTab a[href="#banana"]').tab('show');
});

$(document).ready(function(){
    $('a[href="#banana"]').tab('show');
});