Ich habe es genossen, hier die Lösung für die Navigation zwischen den Seiten zu lesen und die Anker für die Bootstrap-Registerkarte zu aktivieren: Twitter-Bootstrap-Registerkarten: Gehen Sie zur Registerkarte Spezifisch auf Seite neu laden oder Hyperlink
Die Fade-Klasse, die vorhanden ist und Fade-Effekte zulässt, wenn Sie zwischen Registerkarten wechseln, wird jedoch scheinbar beim Navigieren zu einer bestimmten Registerkarte von einer anderen Seite gelöscht.
Auf Seite1.html sehe ich beispielsweise den Tab-Effekt, wenn Sie zwischen # mytab1 und # mytab2 klicken.
Wenn Sie jedoch mit page2.html beginnen und auf einen Link "page1.html # mytab1" klicken, wird der erste Tab auf meiner page1.html aufgerufen. Beim Navigieren zwischen Tab 1 und 2 ist der Fade-Effekt jedoch nicht der Fall Dort.
Wie kann ich also sicherstellen, dass der Überblendeffekt beim Navigieren von einer anderen Seite erhalten bleibt?
Antworten:
0 für die Antwort № 1Sie müssen sicherstellen, dass die Registerkarte, zu der Sie navigieren (von externer Seite), die Klassen "fade" und "in" enthält.
Zum Beispiel beim Laden der Seite
if(!$(".tab-pane.active").hasClass("fade")){
$(".tab-pane.active").addClass("fade");
}
if(!$(".tab-pane.active").hasClass("in"){
$(".tab-pane.active").addClass("in");
}