Ich habe eine "Bootstrap" -Registerkarte mit drei verschiedenen Inhalts-Tabs. Es funktioniert einwandfrei, außer dass ich auf eine der Registerkarten von AUSSERHALB der Tab-Navigation verlinken möchte. Das heißt, wenn jemand auf einen Link außerhalb des Tab-Fensters klickt, sollte er diesen Tab "aktiv" setzen und den Inhalt anzeigen.
Im Moment wird der Inhalt dieser Registerkarte korrekt angezeigt, aber die Registerkarte ist nicht auf "aktiv" eingestellt. Wie erreiche ich das so, dass es so "aktiv" ist, als hätte jemand geklickt?
Hier ist der Code:
%Vor%Ich machte eine jsFiddle, um es besser zu zeigen: Ссылка
Vielen Dank für Hilfe oder Hinweise:)
Sie können einen kleinen Trick machen, um dies zu erreichen:
%Vor%Die einfachste Antwort lautet wie folgt:
%Vor%Dann in Javascript hinzufügen:
%Vor%Dadurch werden sowohl die Inhaltsansicht als auch die aktive Schaltfläche oben mit der eingebauten Methode des jquery tabs Plugins geändert. Wenn Sie weitere Schaltflächen außerhalb des Registerkartenbereichs hinzufügen möchten, können Sie sie allgemeiner gestalten, z. B.
%Vor%Unter dem kleinen Trick, den ich gemacht habe, funktioniert das für mich.
Ich kann die Webseite aufrufen, indem ich die Bootstrap-Pill-ID zur URL hinzufüge.
Wenn Sie zum Beispiel mypage.html # other_id aufrufen, wird die Pille mit #other_id
angezeigt %Vor%Hier der JQuery-Code:
%Vor%Bearbeiten: Mein Code ist nicht genau das, was Sie brauchen, aber Sie können es auf Ihre Bedürfnisse anpassen. Sag mir, wenn du Erklärungen brauchst.
Versuchen Sie Folgendes:
%Vor%und ihre URL sehen so aus: "[URL] # tab-number"
Ich hoffe dir zu helfen .... Grüße ...
Tags und Links jquery css twitter-bootstrap tabs