Question

我想在twitter bootstrap中使用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>

咖啡脚本。

$ ->
  $('#tabs a').click (e) ->
    e.preventDefault()
    $(@).tab('show')

当我点击第二个标签时，不知何故第一个标签的内容仍会显示。

这是我在jsfiddle中写的。 http://jsfiddle.net/fe26/ER2UG/

我做错了什么？

Answer 1

你在HTML中有错误。更改 tab-tane ：

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

到标签窗格：

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

使用引导程序时，第一个选项卡内容不会消失

1 个答案: