Jquery et twitter bootstrap font onglet actif ne fonctionne pas

Question

Dans twitter bootstrap js onglets que je dois ajouter une classe « active » à un élément li.

J'obtenir le hachage de l'URL. Je demande la classe active à l'onglet, mais il ne marche pas le focus.

Je veux faire le deuxième onglet actif lorsque l'URL ont un certain hachage.

Code Source: http://jsfiddle.net/Chumillas/dU458/#example

Answer 1

Je l'ai résolu, je dois régler la div du contenu de l'onglet actif ainsi.

Answer 2

De plus avec les dernières bootstrap-tab.js, vous pouvez utiliser l'appel suivant pour sélectionner l'onglet actif.

Nav Sample:

<ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">Tab 1</a></li>
    <li><a href="#tab2" data-toggle="tab">Tab 2</a></li>
    <li><a href="#tab3" data-toggle="tab">Tab 3</a></li>
</ul>

Récupère l'objet avec appel lien et affichage:

$('a[href="#tab2"]').tab('show');

Bests, G.

source: Twitter Bootstrap

Answer 3

Vous pouvez le faire comme ceci:

$(function (e) {
  var parts = decodeURI(e.target).split('#');
  $(".tabs").tabs().select(parts[1]);
});

Answer 4

Pour faire le travail de Bootstrap, il y a deux choses que vous devez faire pour faire un onglet actif:

1. Définir l'élément li actif (class = "active")
2. Définir l'onglet élément div actif (class = "fade in actif")

Answer 5

Pourquoi u n'utilisez la méthode de select au lieu de changer la classe vous ??

vérifier, Sélection d'un onglet jQuery en utilisant un paramètre dans l'URL