Javascript 应用活动类时更改状态的窗体

我有一个选项卡框，选项卡中有3个表单

页面加载时，第一个表单或选项卡应处于活动状态

 <ul id="myForm" class="nav nav-tabs">
      <li class="active"><a href="#form1" data-toggle="tab">Form1</a></li>
      <li><a href="#form2" data-toggle="tab">Form2</a></li>
      <li><a href="#form3" data-toggle="tab">Form3</a></li>
    </ul> 

我认为问题在于，活动链接正在切换到每个li标记，但从未切换到

#form1#form2#form3

ID

，因此选项卡框保持空白

解决这个问题的合理方法是什么

---

您可以看到此问题

您忘记在代码中使用addClass，而再次使用removeClass：

$('#myForm a').click(function (e) {
    var tab = $(this);
    if(tab.parent('li').hasClass('active')){
        window.setTimeout(function(){
            $(".tab-pane").removeClass('active');
            tab.parent('li').addClass('active'); //instead of removeClass
        },1);
    }
});

---

此外，您的css不正确：

而不是像下面这样：

#form3 .active {
    display: block;
}

.active #form3 {
    display: block;
}

使用方法如下：

#form3 .active {
    display: block;
}

.active #form3 {
    display: block;
}

---

请检查html标记以确认。

谢谢，但仍然存在相同的问题。按照我的方式，我可以看到类上下移动到每个链接，就像用inspect元素单击它一样。。。。但是没有任何东西能像你说的那样改变它。

active

标签只是按预期切换到每个

li

，但没有显示任何内容。由于我今天的网速太慢，我无法检查小提琴，我明天会尽力帮助你……好的，非常感谢。我整晚都在努力修复这个lol。这是一个指向我正在工作的网站的链接。