ページの読み込み時のデフォルトのタブ設定

Question

デフォルトのタブを「アクティブ」または「表示」に設定するにはどうすればよいですか？ 私の知る限り、以下のコードでは、[ユーザーを追加]をアクティブなタブとして設定し、ページの読み込み時に#addUserに内容を表示する必要がありますが、私の場合は表示しないでください。 [ユーザーの追加]タブは表示されず、他のタブをクリックして[ユーザーの追加]タブに戻って内容を確認する必要があります。何か不足していますか？私の研究のほとんどは、クラスをアクティブに設定するために私を返しますが、まだ私のために働いていません。

<li role="presentation" class="active"> 
    <a href="#addUser" role="tab" data-toggle="tab"> 
    <i class="fa fa-plus"></i> Add User 
    </a> 
</li> 

ここでは、タブビューを作成するコードを示します。

<div class="content-body"> 
    <ul class="nav nav-tabs" role="tablist"> 
     <li role="presentation" class="active"> 
      <a href="#addUser" role="tab" data-toggle="tab"> 
       <i class="fa fa-plus"></i> Add User 
      </a> 
     </li> 
     <li role="presentation"> 
      <a href="#rUser" role="tablist" data-toggle="tab"> 
       <i class="fa fa-minus"></i> Remove User 
      </a> 
     </li> 
     <li role="presentation"> 
      <a href="#eUser" role="tab" data-toggle="tab"> 
       <i class="fa fa-pencil-square-o"></i> Edit User 
      </a> 
     </li> 
</div> 

Answer 1

これに基づいて、私が見る唯一のことは、最後にulタグを閉じるのを忘れたことです。