Twitter Bootstrap - 在页面选项卡之间丢失淡入淡出类

Question

我很喜欢阅读页面间导航的解决方案并在此处激活引导选项卡锚点： Twitter Bootstrap Tabs: Go to Specific Tab on Page Reload or Hyperlink

但是，当从另一个页面导航到特定选项卡时，存在并允许在选项卡之间切换时产生渐变效果的淡入淡出类似乎被清除了。

例如，在 page1.html 上，当我在 #mytab1 和 #mytab2 之间单击时，我会看到标签淡出效果。

但是，当从 page2.html 开始并单击链接“page1.html#mytab1”时 - 我被带到 page1.html 上的第一个选项卡，但是在选项卡 1 和 2 之间导航时，淡出效果不在那里。

那么，当从另一个页面导航时，如何确保淡出效果保持不变？

Answer 1

您需要确保（从外部站点）导航到的选项卡包含“fade”和“in”类。

例如在页面加载时

if(!$('.tab-pane.active').hasClass('fade')){
     $('.tab-pane.active').addClass('fade');
}
if(!$('.tab-pane.active').hasClass('in'){
     $('.tab-pane.active').addClass('in');
}