Alrededor de $ (). Tab () generalmente se usa para cambiar entre páginas de pestañas y fragmentos de contenido de enlace de cápsula, o para navegación de página para contenido relacionado:
<ul id = "mytab"> <li> <a href = "#home"> home </a> </li> <li> <a href = "perfil de#" id = "home"> ... </div> <div id = "perfil"> ... </div> <div id = "mensajes"> ... </div> <div id = "configuración"> ... </div> <script> $ (function () {$ ('#mytab a: last'). tab (show '); // Inicializar qué pestaña muestra $ ('#mytab a '). Click (función (función () {) {) {) E.PreventDefault (); // bloquea el comportamiento de salto de un enlace $ (this) .tab ('show'); // show el enlace seleccionado actualmente y el contenido asociado})}) </script>Además, puede tener formas más flexibles de activar una pestaña específica:
$ ('#mytab a [href = "#perfil"]'). tab ('show'); // Seleccionar pestaña por nombre $ ('#mytab a: primero'). Tab ('show'); // Seleccione la primera pestaña $ ('#mytab a: último'). Tab ('show'); // Seleccione la última pestaña $ ('#mytab li: eq (2) a'). Tab ('show');Una cosa que debe tenerse en cuenta en el código anterior es que la etiqueta A en cada Li debe tener una id de Href =##, que apunta a la ID del contenido correspondiente al enlace. Si JavaScript se usa para cambiar el contenido de navegación, no hay necesidad de agregar datos de datos = 'pestaña' a la etiqueta A. Por supuesto, si cada enlace A usa este atributo, no es necesario usar JS para implementarlo.