Javascript 引导选项卡问题/Jquery删除。所有子元素上的活动类

当您导航到另一个选项卡时，存在活动类未被删除的问题。这意味着您不能多次访问同一选项卡。

选项卡的工作示例可以在下面的示例2中看到

测试
续
其他

在代码中，您需要删除

ul

和

li

元素之间的

div

s。这打破了正确的DOM结构，使选项卡能够正常工作。

jQuery代码在哪里？提供一个我没有的工作代码段，但是我添加了一些代码，有人说已经解决了他们的问题。但这似乎对我不起作用。是的，我包括bootstrap.js。应该注意，我在bootstrap 3上。您的jQuery无法工作，因为它试图从带有类下拉项的元素中删除.active类，而您的标记中没有此类下拉项。@DanOrlovsky非常正确！我把它改成了“li.active”，但它什么也没做？编辑：我也没有。导航药片，所以我现在就试着去掉它？

<div id="exTab2" class="container">
    <ul class="nav nav-tabs">
      <div class="col-md-2">
        <li>
          <a href="#1" data-toggle="tab">
            <img src="https://t7.rbxcdn.com/1397cd00dfbf1347145a10a38b1386d4" style="height: 100px;" class="img-circle">
          </a>
        </li>
      </div>
      <div class="col-md-2">
        <li>
          <a href="#2" data-toggle="tab">
            <img src="https://t7.rbxcdn.com/1397cd00dfbf1347145a10a38b1386d4" style="height: 100px;" class="img-circle">
          </a>
        </li>
      </div>
      <div class="col-md-2">
        <li class="active">
          <a href="#3" data-toggle="tab">
            <img src="https://t7.rbxcdn.com/1397cd00dfbf1347145a10a38b1386d4" style="height: 100px;" class="img-circle">
          </a>
        </li>
      </div>
      <div class="col-md-2">
        <li>
          <a href="#4" data-toggle="tab">
            <img src="https://t7.rbxcdn.com/1397cd00dfbf1347145a10a38b1386d4" style="height: 100px;" class="img-circle">
          </a>
        </li>
      </div>
      <div class="col-md-2">
        <li>
          <a href="#5" data-toggle="tab">
            <img src="https://t7.rbxcdn.com/1397cd00dfbf1347145a10a38b1386d4" style="height: 100px;" class="img-circle">
          </a>
        </li>
      </div>

    </ul>

    <div class="tab-content">
      <div class="tab-pane" id="1">
        test
      </div>
      <div class="tab-pane" id="2">
        cont
      </div>

      <div class="tab-pane active" id="3">
        other
      </div>