Javascript 选项卡定位链接工作不正常

我非常熟悉锚定链接及其工作方式。然而，我有一个在一个页面上使用标签的网站。有五个选项卡，当我尝试直接链接到第二个、第三个、第四个或第五个选项卡时，除了Safari之外，每个浏览器中的第一个选项卡都会出现

以下是选项卡列表中的代码：

<ul class="nav nav-tabs">
 <li class="active"><a data-toggle="tab" href="#football">Football</a></li>
 <li><a data-toggle="tab" href="#mbball">Men&#39;s Basketball</a></li>
 <li><a data-toggle="tab" href="#wbball">Women&#39;s Basketball</a></li>
 <li><a data-toggle="tab" href="#baseball">Baseball</a></li>
 <li><a data-toggle="tab" href="#vs">Varsity Sports</a></li>
</ul>

下面是锚定部分：

<div class="tab-pane fade in active" id="football">
 <div class="row">
  <div class="col-md-4">
  </div>
 </div>
</div>

我发现了一个不同的网站，它使用标签，可以在每个浏览器中直接链接，但代码看起来完全一样

<ul class="rtabs">
 <li><a href="#football">Football</a></li>
 <li><a href="#mbb">Men's Basketball</a></li>
 <li><a href="#wbb">Women's Basketball</a></li>
 <li><a href="#base">Baseball</a></li>
 <li><a href="#soc-vb">Soccer & Volleyball</a></li>
 <li><a href="#shows">Coaches Radio Shows</a></li>
</ul>

<div id="football">

---

任何帮助都将不胜感激

从外观上看，您正在使用twitter引导

bootstrap中选项卡的重要组成部分是，href=“#id”是单击后激活的选项卡面板的id。每个锚定标记必须具有属性data toggle=“tab”，以便引导javascript知道如何处理单击

第二部分很难说，因为您只包含了部分代码，即类为“tab pane”的div必须具有类为“tab content”的父包装器

足球
男子篮球
女子篮球
棒球
血管

这里的工作示例

---

您的意思是，对于页面上当前活动选项卡的内容，面板没有切换到右侧？

<ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#football">Football</a>

    </li>
    <li><a data-toggle="tab" href="#mbball">Men&#39;s Basketball</a>

    </li>
    <li><a data-toggle="tab" href="#wbball">Women&#39;s Basketball</a>

    </li>
    <li><a data-toggle="tab" href="#baseball">Baseball</a>

    </li>
    <li><a data-toggle="tab" href="#vs">Varsity Sports</a>

    </li>
</ul>
<div class="tab-content">
    <div class="tab-pane fade in active" id="football">
         <h3>Football</h3>

    </div>
    <div class="tab-pane fade in" id="mbball">
         <h3>Men's Basketball</h3>

    </div>
    <div class="tab-pane fade in" id="wbball">
         <h3>Women's Basketball</h3>

    </div>
    <div class="tab-pane fade in" id="baseball">
         <h3>Baseball</h3>

    </div>
    <div class="tab-pane fade in" id="vs">
         <h3>Vasity</h3>

    </div>
</div>
<hr/>