Php 从引导程序4中的导航链接元素中删除活动类

当用户关闭选项卡时，我需要从nav项中删除活动类。我尝试构建包含文本内容的选项卡。默认情况下，当用户打开页面时，选项卡应关闭。当用户单击选项卡打开它时，它应该将颜色更改为蓝色（因此在这里我可以使用活动类添加样式），但当它关闭时，它应该将颜色更改为白色。最好的方法是从li中删除活动类，我被困在这里。怎么做？不幸的是，当我单击选项卡关闭活动类时，引导并没有删除它。仅当我在选项卡之间切换时，引导才会删除活动类

这是我的HTML：

<div class="col-md-12">
                         <ul class="nav nav-tabs justify-content-center" role="tablist">
                              <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#one" role="tab">One</a>
                              </li>
                              <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#two" role="tab">Two</a>
                              </li>
                              <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#three" role="tab">Three</a>
                              </li>
                        </ul>
                        <div class="tab-content">
                            <div class="text-center tab-pane" id="one" role="tabpanel">1 tab content</div>
                            <div class="text-center tab-pane" id="two" role="tabpanel">2 tab Content</div>
                            <div class="text-center tab-pane" id="three" role="tabpanel">3 tab content</div>
                        </div>
                    </div>

---

当用户关闭选项卡时，只需检查所有导航项并删除该类

$('.your-close-icon').on('click', function() {
  $('.nav-item').removeClass('active');
});

看看这篇讨论，其中针对您的案例提出了一些建议，希望对您有所帮助。

$('.your-close-icon').on('click', function() {
  $('.nav-item').removeClass('active');
});