jquery - Bootstrap 选项卡 - 事件类在页面加载时不起作用

Question

我的代码如下。请注意选项卡“一”处于事件状态。但问题是当我打开页面时，选项卡确实显示为事件状态，但选项卡内容不显示；它仅在我手动单击选项卡时显示。如何解决这个问题？

<ul class="nav nav-tabs">
  <li class="nav active"><a data-toggle="tab" href="#one">One</a>
  </li>
  <li class="nav"><a data-toggle="tab" href="#two">Two</a>
  </li>
</ul>

<div class="tab-content">

  <div class="tab-pane fade in" id="one">
    <p>Tab one content</p>
  </div>

  <div class="tab-pane fade in" id="two">
    <p>Tab two content</p>
  </div>

</div>

Answer 1

<div class="tab-pane fade in" id="one"> <p>Tab one content</p> </div> 

将此更改为

<div class="tab-pane active in" id="one"> <p>Tab one content</p> </div>