Javascript 第一个选项卡内容没有'；不要用引导消失

我想在twitter引导中使用tab函数，但它不能正常工作

我有一个像这样的HTML

<ul class="nav nav-tabs" id="tabs" data-tabs="tabs">
  <li class="active"><a href="#foo" data-toggle="tab">Foo</a></li>
  <li><a href="#bar" data-toggle="tab">Bar</a></li>
</ul>
<div class="tab-content">
  <div id="foo" class="tab-tane active">
    foo
  </div>
  <div id="bar" class="tab-pane">
    bar
  </div>
</div>

当我单击第二个选项卡时，第一个选项卡的内容以某种方式保持显示

这是我在JSFIDLE中写的。

我做错了什么？

您在html中有错误。 将选项卡更改为：

<div id="foo" class="tab-tane active"> 

到选项卡窗格：

<div id="foo" class="tab-pane active">

有一个输入错误

foo

，

class=“tab tane active”

应该是

class=“tab pane active”

<div id="foo" class="tab-pane active">