/ / bootstrap 2.0 Aktivierung von Tab und Daten per URL innerhalb des Tab-Inhalts - jquery, html, css, twitter-bootstrap

Bootstrap 2.0 Aktivierung von Tab und Daten per URL innerhalb des Tab-Inhalts - jquery, html, css, twitter-bootstrap

Ich habe zahlreiche Fragen gesehen, die dieses Thema allgemein berühren, ich weiß genau, was zu tun ist, aber ich bin nicht "fließend" mit jQuery, daher kann ich das nicht erfolgreich machen.

 <ul class="nav nav-pills" id="activate">
<li><a href="#tab1" data-toggle="tab">Tab 1</a></li>
<li class="active"><a href="#tab2" data-toggle="tab">Tab 2</a></li>
</ul>

<div class="tab-content">
<div id="tab1"><h1>Data for Tab 1</h2></div>
<div id="tab2">
<a href="#tab1" rel="taburl" data-toggle="tab">Take me to tab content #1</a>
</div>

Im Idealfall werden die Daten dieser Registerkarte auf # tab1 umgeschaltet, die Registerkarte wechselt jedoch nicht zu active Klasse auf der href="#tab1" (bleibt aktiv am #tab2 aber zeigt die Daten von an #tab1)

Ich dachte, ich könnte das benutzen .first() Methode und Ziel das erste Auftreten von href="#tab1 und .addClass("active") zu diesem li. Aber ich weiß nicht, wie ich die li für irgendeinen Link auswählen soll, den ich verlinke, um direkt darauf zu zielen href ICH WÜRDE

Ich weiß wirklich nicht, ob das gemacht werden kann. Kann ich das spritzen? href Daten aus dem Link (mit jQuery), dann fügen Sie es dem Tab Link hinzu und machen es aktiv.

Und wieder, die data-toggle="tab" wechselt zum richtigen Inhalt, aktualisiert jedoch nicht die aktive Registerkarte in der Navigationsleiste

So gibt es eine Möglichkeit, genau diesen "Tab" auszuwählen und .addClass("active") zum <li> nachdem ich den Link abgefeuert habe.

Vielen Dank für Ihre Zeit.

JSFIDDLE-BEISPIEL

http://jsfiddle.net/epiceon/M6NQJ/1/

Antworten:

2 für die Antwort № 1

Wenn Sie zwischen solchen Tabs wechseln, müssen Sie anrufen tab("show") wieder auf der Registerkarte, die Sie beabsichtigen, diese Schaltfläche zu gehen.

Nebenbei bemerkt, sollten Sie in Betracht ziehen, IhreVersion 2.0.3, wenn Sie Tabs verwenden. Sie haben ein paar Bugs behoben (meistens mit Tabs links oder rechts), aber selbst das Fallenlassen der neuen navs.less-Datei könnte Ihnen Kopfschmerzen bereiten.


1 für die Antwort № 2

Ich bin auf etwas Ähnliches gestoßen, als ich versuchte, eine Registerkarte in sich selbst zu schließen.

Heres die Arbeit jsFiddle:

http://jsfiddle.net/WnQvF/8/

Beachten Sie, dass ich gerade von meinem Projekt kopiert habe. Also ist die Lösung vielleicht nicht die sauberste Lösung für Ihr Problem, aber Sie werden verstehen, wie es funktioniert. Denken Sie daran, die Tab-Buttons und den Button in Tab 3 zu benennen.