我很喜欢阅读页面间导航解决方案并在此处激活引导程序标签锚点:
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之间导航时,淡入淡出效果不是那里。
因此,如何确保从另一页导航时淡入淡出效果仍然存在?
最佳答案
您需要确保(从外部站点)导航到的选项卡包含“淡入”和“中”类。
例如页面加载
if(!$('.tab-pane.active').hasClass('fade')){
$('.tab-pane.active').addClass('fade');
}
if(!$('.tab-pane.active').hasClass('in'){
$('.tab-pane.active').addClass('in');
}
关于jquery - Twitter Bootstrap-失去页面选项卡之间的淡入淡出类,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/20776044/