JQuery und Twitter Bootstrap machen eine aktive Registerkarte, die nicht funktioniert

StackOverflow https://stackoverflow.com/questions/8368429

  •  27-10-2019
  •  | 
  •  

Frage

In Twitter Bootstrap JS -Registerkarten muss ich einem Li -Element eine Klasse "aktiv" hinzufügen.

Ich bekomme den Hash aus der URL. Ich wende die Klasse aktiv auf die Registerkarte, aber sie erhält den Fokus nicht.

Ich möchte die zweite Registerkarte aktiv machen, wenn die URL einen bestimmten Hash hat.

Quellcode:http://jsfiddle.net/chumillas/du458/#example

War es hilfreich?

Lösung 2

Ich habe es gelöst, ich muss den Div des Inhalts des Registerkartens auch aktiv festlegen.

Andere Tipps

Auch mit den neuesten Bootstrap-Tabs.js können Sie den folgenden Anruf verwenden, um die Registerkarte „Active" auszuwählen.

NAV -Probe:

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

Objekt mit Link abrufen und Anruf anzeigen:

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

Bests, G.

Quelle:Twitter Bootstrap

Sie können es so machen:

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

Damit Bootstrap -Registerkarten funktioniert, müssen Sie zwei Dinge tun, um eine Registerkarte aktiv zu machen:

  1. Setzen Sie das Li -Element auf Active (class = "active").
  2. Setzen Sie das Registerkarte Div -Element auf Active (class = "Fade in Active").

Warum benutzst du das nicht select Methode, anstatt die Klasse selbst zu ändern?

Überprüfen Sie dies, Wählen Sie eine jQuery -Registerkarte mit einem Parameter in der URL aus

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top