Sobre $ (). A guia () é geralmente usada para alternar entre as páginas da guia e os fragmentos de conteúdo do link da cápsula, ou para a navegação por página para conteúdo relacionado:
<ul id = "mytab"> <li> <a href = "#home"> home </a> </li> <li> <a href = "#perfil"> perfil </a> </li> <li> <a href = "#mensagens"> mensagens </a> <li> <li> <ali> <a/"#singtings"> "> mensagens"> </a> <li> <li> <ali> <a/"#Settings"> Settings "> id = "home"> ... </div> <div id = "perfil"> ... </div> <div id = "mensagens"> ... </div> <div id = "configurações"> ... </div> <cript> $ (function () {) ('#mytab a: last'). ('Show'); // () {) ('#mytab a: last'). E.PreventDefault (); // bloqueia o comportamento de salto de um link $ (this) .tab ('show'); // Mostra o link atualmente selecionado e o conteúdo associado})}) </sCript>Além disso, você pode ter maneiras mais flexíveis de ativar uma guia específica:
$ ('#mytab a [href = "#perfil"]'). tab ('show'); // Selecione a guia por nome $ ('#mytab a: primeiro'). Guia ('show'); // Selecione a primeira guia $ ('#mytab a: last'). TAB ('show'); // Selecione a última guia $ ('#mytab li: eq (2) a'). Guia ('show');Uma coisa que precisa ser observada no código acima é que a tag A em cada LI deve ter um href =#id, que aponta para o ID do conteúdo correspondente ao link. Se o JavaScript for usado para alternar o conteúdo de navegação, não há necessidade de adicionar data-toggle = 'tab' à tag A. Obviamente, se cada link A usa esse atributo, não há necessidade de usar o JS para implementá -lo.