Etwa $ (). Tab () wird im Allgemeinen verwendet, um zwischen Registerkarte Seiten und Capsule -Link -Inhaltsfragmenten zu wechseln, oder um die Seitennavigation für zugehörige Inhalte zu erhalten:
<ul id="myTab"> <li><a href="#home">Home</a></li> <li><a href="#profile">Profile</a></li> <li><a href="#messages">Messages</a></li> <li><a href="#settings">Settings</a></li> </ul> <div> <div id = "home"> ... </div> <div id = "profil"> ... </div> <div id = "message"> ... </div> <div id = "Einstellungen"> ... </div> <script> $ (function () {$ ('#mytab a: letztes'). Tab ('show'); // Initialize, welche Registerkarte $ ('#mytab a'). E.PreventDefault (); // Blockieren Sie das Sprungverhalten eines Links $ (this) .tab ('show'); // Zeigen Sie den aktuell ausgewählten Link und den zugehörigen Inhalt})}) </script>Darüber hinaus können Sie flexiblere Möglichkeiten haben, eine bestimmte Registerkarte zu aktivieren:
$ ('#mytab a [href = "#profile"]'). Tab ('show'); // Registerkarte "Registerkarte" mit Name $ ('#mytab a: First'). Tab ('show'); // Die erste Registerkarte $ ('#mytab a: last'). Tab ('show'); // Letzte Registerkarte $ ('#mytab li: eq (2) a'). Tab ('show');Eine Sache, die im obigen Code festgestellt werden muss, ist, dass das A -Tag in jedem Li eine HREF =# -ID haben muss, die auf die ID des Inhalts zeigt, die dem Link entsprechen. Wenn JavaScript verwendet wird, um den Navigationsinhalt zu wechseln, müssen Sie dem A-Tag keine Data-Toggle = 'Tab' hinzufügen. Wenn jeder Link A dieses Attribut verwendet, müssen Natürlich nicht JS verwendet werden, um es zu implementieren.