So initialisieren Sie Twitter Bootstrap 2.0-Tabs, wenn nach dem ersten Laden der Seite das gesamte Tab-Element zur Seite ⇐ Jquery

[Guest]

Ich lade über Ajax etwas HTML in eine Seite, das ein neues tabulatorfähiges Element enthält. Das einzige Problem besteht darin, dass die Registerkarten nicht funktionieren, da Bootstrap bereits initialisiert wurde. Deshalb habe ich den folgenden Code ausprobiert, der mithilfe von jQuery korrekt auf die beabsichtigte URL mit den Tabs abzielt. Die Registerkarte wird jedoch nicht initialisiert.

Hier ist der HTML-Code (der nach der Initialisierung des DOM über AJAX in die Seite geladen wird):

Code: Select all

[list]
[*][url=#tab-fixes-27]One[/url]
[*][url=#tab-final-27]Two[/url]
[*][url=#tab-orig-27]Thre[/url]
[/list]


Conten1

Conten2

Conten3

Und dann mein Javascript:

Code: Select all

$('.nav-tabs').tab();

Scheint nach dem, was ich gelesen habe (http://www.mightywebdeveloper.com/codin ... d-content/), das initialisiert werden sollte die Tabs, aber es passiert nichts.

Das Problem ist, dass trotz der Initialisierung der Tabs nichts passiert, wenn ich darauf klicke. Auch wenn ich mit .tab('show') auf eine bestimmte Registerkarte ziele und diese korrekt angezeigt wird. Es passiert immer noch nichts, wenn ich auf die Registerkarten klicke.

Außerdem scheinen die Registerkarten einwandfrei zu funktionieren, wenn ich sie nachträglich mit einem Anhang hinzufüge (siehe http:// jsfiddle.net/HLj4N/9/, der den obigen HTML-Code an ein Div anhängt, nachdem er auf eine Schaltfläche geklickt hat). Es scheint, dass jemand bootstrap.js es bereits initialisiert hat, als es hinzugefügt wurde.

Irgendwelche Gedanken dazu, warum das Klicken auf die Registerkarten nichts bewirkt?