Jquery et twitter bootstrap font onglet actif ne fonctionne pas
-
27-10-2019 - |
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
La solution 2
Je l'ai résolu, je dois régler la div du contenu de l'onglet actif ainsi.
Autres conseils
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
Vous pouvez le faire comme ceci:
$(function (e) {
var parts = decodeURI(e.target).split('#');
$(".tabs").tabs().select(parts[1]);
});
Pour faire le travail de Bootstrap, il y a deux choses que vous devez faire pour faire un onglet actif:
- Définir l'élément li actif (class = "active")
- Définir l'onglet élément div actif (class = "fade in actif")
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