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

您需要确保导航到的标签（来自外部网站）包含“淡入淡出”和“输入”类。

例如页面加载

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

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

1 个答案: