javascript - 页面加载时强制显示特定选项卡 ajax 的内容

Question

我希望在页面加载时首先显示 .active 类的内容

但是当我加载页面时，第一类的内容显示

这是我的导航菜单

<ul class="nav nav-pills navTab">
 <li role="presentation" class="">
     <a aria-controls="data" role="tab" data-toggle="tab" data-name="info" aria-expanded="false">info</a>
 </li>

 <li role="presentation" class="active">
  <a aria-controls="data" role="tab" data-toggle="tab" data-name="servers" aria-expanded="true">watch</a>
  </li>

 <li role="presentation">
<a aria-controls="data" role="tab" data-toggle="tab" data-name="download"> download</a>
</li>

 <li role="presentation">
 <a aria-controls="data" role="tab" data-toggle="tab" data-name="selary"> selary</a>
 </li>
 <li role="presentation">
  <a aria-controls="data" role="tab" data-toggle="tab" data-name="comment"> comment</a>
 </li>
 </ul>

这是我的内容

<div class="getData">
  <ul class="postInfo">
    info content here 
 </ul>
</div>



 <div class="getData">
    <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="servers">
                    servers content here    
            </div>
        </div>
    </div> 
</div>

第一个类是postInfo，我想在页面加载时显示该类的内容row

Answer 1

您需要在页面加载后显式打开选项卡，例如:

$('.navTab .active').tab('show');