实现选项卡处于活动状态不在选项卡中工作答案

【问题标题】：materialize tab active not working in tabs实现选项卡处于活动状态不在选项卡中工作
【发布时间】：2020-04-24 05:32:55
【问题描述】：

我正在尝试让摄影选项卡的课程处于活跃状态，但 class="active" 无法正常工作。我已经完美地初始化了脚本中的选项卡。

<div class="col s12 l6 offset-l2">
        <ul class="tabs">
          <li class="tab col s6 pink-text text-darken-3" >
            <a href="#Photography" class="active pink-text text-darken-3" >Photography</a>
          </li>
          <li class="tab col s6 pink-text text-darken-3">
            <a href="#Editing " class="pink-text text-darken-3"  >Editing</a>
          </li>
        </ul>
        <div id="Photography" class="col s12 ">
          <p class="purple-text text-darken-2">Lorem ipsum dolor </p>
          <p class="purple-text text-darken-2">Lorem ipsum dolor </p>
        </div>
        <div id="Editing" class="col s12">
          <p class="purple-text text-darken-2">Lorem ipsum dolor </p>
          <p class="purple-text text-darken-2">Lorem ipsum dolor </p>
        </div>
      </div>

【问题讨论】：

首先检查您是否在控制台中收到任何错误。
它在我将摄影和编辑更改为像摄影和编辑这样的小案例后运行。我不知道为什么会这样，但如果我使用大写字母，它就不起作用。

标签： css tabs materialize

【解决方案1】：

它在我将摄影和编辑更改为像摄影和编辑这样的小案例后运行。我不知道为什么会这样，但是如果我使用大写字母，那么它在小写时就不起作用。

【讨论】：