JQuery y twitter bootstrap haz que la pestaña activa no funcione

Question

En Twitter Bootstrap JS Tabs tengo que agregar una clase "activa" a un elemento LI.

Obtengo el hash de la URL. Aplico la clase activa a la pestaña pero no obtiene el enfoque.

Quiero que la segunda pestaña activa cuando la URL tenga un cierto hash.

Código fuente:http://jsfiddle.net/chumillas/du458/#example

Answer 1

Lo resolví, necesito establecer el DIV del contenido de la pestaña activo también.

Answer 2

También con el último bootstrap-tab.js, puede usar la siguiente llamada para seleccionar la pestaña Active.

Muestra de navegación:

<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>

Obtenga el objeto con el enlace y la llamada de visualización:

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

Bests, G.

fuente:Bootstrap de Twitter

Answer 3

Puedes hacerlo así:

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

Answer 4

Para hacer que las pestañas de bootstrap funcionen, hay dos cosas que debe hacer para que una pestaña activa:

1. Establezca el elemento LI en Active (class = "Active")
2. Establezca la pestaña Div Element en Active (class = "Fade in Active")

Answer 5

¿Por qué no estás usando el select ¿Método en lugar de cambiar la clase usted mismo?

Mira esto, Seleccionar una pestaña jQuery usando un parámetro en la URL