Twitter Bootstrap - perdendo a classe fade entre as abas da página - jquery, css, twitter-bootstrap-3

Gostei de ler a solução para navegação entre páginas e ativar as âncoras da guia de bootstrap aqui: Guias de bootstrap do Twitter: vá para a guia específica no recarregamento da página ou hiperlink

No entanto, a classe de esmaecimento que está presente e permite efeitos de esmaecimento ao alternar entre as guias parece ser apagada ao navegar para uma guia específica de outra página.

Por exemplo, em page1.html, vejo o efeito de esmaecimento da guia ao clicar entre # mytab1 e ​​# mytab2.

No entanto, ao iniciar em page2.html e clicar em um link "page1.html # mytab1" - sou levado à primeira guia em minha page1.html, mas ao navegar entre as guias 1 e 2, o efeito de esmaecimento não é lá.

Então, como posso ter certeza de que o efeito de esmaecimento permanece ao navegar de outra página?

Respostas:

Você precisa ter certeza de que a guia para a qual navegou (do site externo) contém as classes "fade" e "in".

Por exemplo, no carregamento da página

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