Jquery 淡入淡出效果将从动态添加的选项卡中删除

我想使用Bootstrap的toggable tabs（）和淡入淡出效果。当我创建一个静态HTML文件时，它工作得很好

但是，当通过jQuery动态添加选项卡时，

fade

类将从相应的DOM节点中删除，并且在选项卡之间切换时，选项卡窗格不再淡入淡出。我可以使用浏览器的开发工具（“Chrome中的元素”）将

fade

类重新添加到选项卡窗格中，使其再次按预期工作。所以我真的不清楚为什么要删除

fade

类(

插入选项卡窗格时，如何才能不删除淡入淡出类

下面的fiddle演示了这个问题：

我在小提琴中使用的代码是

及

函数附录选项卡（标题）{
$（'#tabs>.nav'）。追加(
“
”
);
$（'#tabs>.tab content'）。追加(
''
+'选项卡窗格的'+标题+''
);
}
appendTab（‘第一’）；
appendTab（'Second'）；

生成的html标记缺少几项工作

1.）现在，您正在为每个

div

元素提供

fade-in

类，但只有活动元素需要它，其他元素只需要

fade

类

2.）您没有在导航列表中声明活动元素

3.）您没有在内容区域中将活动元素标记为活动

---

在我的示例中，我选择第一个元素作为通过计数器标记为active的元素。修改函数（调用），使其适合您的需要。调用函数的第一个元素现在被标记为活动。

太好了！这不仅解决了我的问题：-），而且让我明白我做错了什么！谢谢！