Javascript 如何隐藏和显示twitter引导选项卡？

我正在尝试仅在需要时显示隐藏选项卡。我当前的代码如下所示：

<ul id="myTab" class="nav nav-tabs">
    <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
    <li><a href="#data" data-toggle="tab" style="display:none;">New Tab</a></li>
</ul>

---

知道我做错了什么吗？代码完成后，该选项卡将永远不会显示。

使用提供的代码，您将尝试显示选项卡内容，即使这样也不起作用

如合同中所述

每个选项卡都需要单独激活

它需要在

data toggle=“tab”

元素上激活，而不是在内容上激活

$（'#data'）.load（'functions/test#function.php'，{method:“example”}，function（）{
var$tab=$（'[data toggle=“tab”][href=“#data”]”）；
//或var$tab=$（“#tabID”）；
$tab.click（函数（e）{//绑定供以后使用（用于用户交互）
e、 预防默认值（）；
$tab.tab（'show'）；
});
$tab.show（）；//显示选项卡
$tab.tab（'show'）；//显示内容
})

---

您可以选择保留显式选择器

[data toggle=“tab”][href=“#data”]

或在隐藏选项卡上设置一个

id=“tabID”

。

谢谢，这比我刚才尝试的更有意义。如果将.tab（'show'）应用于选项卡内容，这仅仅是我一个人，还是更有意义？就像.modal（'show'）、.collapse（'show'）一样，etc@BradKent我不能代表原作者说话，但标签需要显示它是活动的，并停用它的邻居；从content元素执行此操作同样复杂，这就是为什么插件是这样的，以及为什么此代码段仅基于toggle@Sherbrow这是有道理的

$('#data').load('functions/test_function.php', { method: "example"}, function() {
    $('#data').tab('show'); 
   // $('#data').show();    
})