À propos de $ (). Tab () est généralement utilisé pour basculer entre les pages onglets et les fragments de contenu des liens de capsule, ou pour la navigation de page pour le contenu connexe:
<ul id = "mytab"> <li> <a href = "# home"> home </a> </li> <li> <a href = "# Profil"> Profil </a> </li> <li> <a href = "# messages"> Messages </a> </li> <li> <a href = "# Settings"> Settings </a> id = "home"> ... </ div> <div id = "Profil"> ... </div> <div id = "messages"> ... </div> <div id = "Settings"> ... </div> <script> $ (function () {$ ('# mytab a: dernier'). tab ('show'); // initialiser quel onglet à afficher $ ('# mytab a'). Cliquez. e.PreventDefault (); // bloque le comportement de saut d'un lien $ (this) .tab ('show'); // affiche le lien actuellement sélectionné et le contenu associé})}) </script>De plus, vous pouvez avoir des moyens plus flexibles d'activer un onglet spécifique:
$ ('# mytab a [href = "# profil"]'). tab ('show'); // Sélectionnez l'onglet par nom $ ('# mytab a: premier'). Tab ('show'); // Sélectionnez First Tab $ ('# mytab A: Last'). Tab ('Show'); // sélectionnez Last Tab $ ('# mytab li: eq (2) a'). Onglet ('show');Une chose qui doit être notée dans le code ci-dessus est que la balise A dans chaque Li doit avoir un ID HREF = #, qui pointe l'ID du contenu correspondant au lien. Si JavaScript est utilisé pour changer de contenu de navigation, il n'est pas nécessaire d'ajouter des données-toggle = 'tab' à la balise A. Bien sûr, si chaque lien A utilise cet attribut, il n'est pas nécessaire d'utiliser JS pour l'implémenter.