Tabs 引导3个选项卡并在页面加载时打开第一个选项卡

我无法在页面加载时打开第一个选项卡。代码如下

    <ul id="rowTab" class="nav nav-tabs">
              <li class="active"><a data-toggle="tab" href="#tab_a">Tab A</a></li>
              <li><a data-toggle="tab" href="#tab_b">Tab B</a></li>
              <li><a data-toggle="tab" href="#tab_c">Tab C</a></li>
              <li><a data-toggle="tab" href="#tab_d">Tab D</a></li>
    </ul>

    <div class="tab-content">
             <div id="tab_a" class="tab-pane fade active">
             Tab A inner
             </div>
             <div id="tab_b" class="tab-pane fade">
             Tab B inner              
             </div>
             <div id="tab_c" class="tab-pane fade">
             Tab C inner       
             </div>
             <div id="tab_d" class="tab-pane fade">
             Tab D inner
             </div>
   </div>

制表符A内部
表B内部
表C内部
表D内部

和jQuery

<script type="text/javascript">
    $(document).ready(function(){
        $('#rowTab a:first').tab('show');
    });    
</script>

$（文档）.ready（函数（）{
$（'rowTab a:first'）.tab（'show'）；
});    

有什么线索说明为什么不起作用吗

---

谢谢

从第一个选项卡的内容中删除“淡入淡出”类

<div id="tab_a" class="tab-pane active">
    Tab A inner
</div>

制表符A内部

---

和使用

淡入淡出的工作版本

<div id="tab_a" class="tab-pane active fade in">
    Tab A inner
</div>

制表符A内部

---

Baghoo-感谢您向我指出问题的原因

Wow，它就在淡入淡出效果的文档中（）。我完全忽略了这一点。