Sekitar $ (). Tab () umumnya digunakan untuk beralih di antara halaman tab dan fragmen konten tautan kapsul, atau ke navigasi halaman untuk konten terkait:
<ul id = "mytab"> <li> <a href = "#home"> home </a> </li> <li> <a href = "#profil"> Profil </a> </li> <li> <a href = "#Pesan"> </a> </li> <li> <a href = "#Div"> Setting "> id = "home"> ... </div> <div id = "profile"> ... </div> <div id = "pesan"> ... </div> <div id = "settings"> ... </div> <script> $ (function () {$ ('#mytab a: last'). Tab ('show'); // inisialisasi tab yang menampilkan $ ('#my toNtab'). Tab '). E.PreventDefault (); // Blokir perilaku lompat tautan $ (this) .tab ('show'); // Tampilkan tautan yang saat ini dipilih dan konten terkait})}) </script>Selain itu, Anda dapat memiliki cara yang lebih fleksibel untuk mengaktifkan tab tertentu:
$ ('#mytab a [href = "#profile"]'). tab ('show'); // pilih tab dengan nama $ ('#mytab A: first'). Tab ('show'); // Pilih tab pertama $ ('#mytab a: last'). Tab ('show'); // Pilih tab terakhir $ ('#mytab li: eq (2) a'). Tab ('show');Satu hal yang perlu dicatat dalam kode di atas adalah bahwa tag A di setiap LI harus memiliki HREF =#ID, yang menunjuk ke ID konten yang sesuai dengan tautan. Jika JavaScript digunakan untuk beralih konten navigasi, tidak perlu menambahkan data-kilat = 'tab' ke tag A. Tentu saja, jika setiap tautan menggunakan atribut ini, tidak perlu menggunakan JS untuk mengimplementasikannya.