时间戳

首页 > 解决方案 > 为什么单击选项卡时课程不活动？

twitter-bootstrap - 为什么单击选项卡时课程不活动？

问题描述

我从数据库中检索数据并希望将其显示为引导选项卡，但是当我单击选项卡时，详细信息没有显示出来。

编码

<ul class="nav nav-tabs">
  <li class="">
    <a data-toggle="tab" href="#2363delTG" aria-expanded="false">2363delTG</a>
  </li>
  <li class="active">
    <a data-toggle="tab" href="#3838T>C" aria-expanded="true">3838T>C</a> 
  </li>
</ul>

<div id="2363delTG" class="tab-pane fade active in"></div>
<div id="3838T>C" class="tab-pane fade"></div>

我点击href=#2363delTG，详细信息显示并且课程处于活动状态，但是当我点击href=#3838>C时，详细信息不显示并且课程不活动。

标签： twitter-bootstrap

解决方案

您不能>在类名中使用3838T>C将其更改为3838TC.

<ul class="nav nav-tabs">
 <li class=""><a data-toggle="tab" href="#2363delTG" aria-expanded="false">2363delTG</a></li>
 <li class="active"><a data-toggle="tab" href="#3838TC" aria-expanded="true">3838TC</a></li>
</ul>

<div id="2363delTG" class="tab-pane fade active in"></div>
<div id="3838TC" class="tab-pane fade"></div>

推荐阅读