首页 > 解决方案 > 引导选项卡将所有选项卡保持为“活动”并在第一次选择后停止工作

问题描述

当我选择一个选项卡时,它第一次工作,但随后停止工作。此外,两个选项卡都会使类“活动”,即使它们不活动......

这是我的代码:

<nav>
  <ul class="nav nav-tabs" id="nav-tab" role="tablist">
    <li class="nav nav-item">
      <a class="nav-link active danger" id="nav-corpo-tab" data-toggle="tab" href="#nav-corpo" role="tab" aria-controls="nav-corpo" aria-selected="true">
        ...
    </a>
    </li>
    <li class="nav nav-item">
      <a class="nav-link danger" id="nav-business-tab" data-toggle="tab" href="#nav-business" role="tab" aria-controls="nav-business" aria-selected="false">
      ...
      </a>
    </li>
  </ul>
 </nav>
 <div class="tab-content" id="nav-tabContent">
  <div class="tab-pane active conteudo-corpo" id="nav-corpo" role="tabpanel" aria-labellby="nav-corpo-tab">
    ...
  </div>
  <div class="tab-pane" id="nav-business" role="tabpanel" aria-labellby="nav-business-tab">
    ...
  </div>
 </div>

标签: javascripthtmlwordpressbootstrap-4

解决方案


推荐阅读