Bootstrap active tab after page refresh

[creativeheadz]

Hallo,
ich nutze die tabs von Bootstrap 3. Ich lese Datensätze aus der Datenbank aus und veröffentliche diese in einem tab. Da ich die Datensätze aber auf mehren Seiten verteile, bekomme ich probleme mit der Auswahl des richtigen Tabs. Ich Klicke Beispielsweise auf "Tab 3" und es erscheint die Auflistung der Datensätze. Nun möchte ich die 2. Seite des Tab 3 aufrufen. Nach einem Klick auf Seite "2" werden zwar die Datensätze der Seite 2 geladen. Jedoch durch das Neuladen der Seite, öffnet sich wieder "Tab 1". Ich muss also erst auf "tab 3" klicken, um die Seite 2 des Tab 3's auch zu sehen.

Das Problem wollte ich mittels folgendem Code umgehen. Leider ist das Problem dadurch nicht gelöst.

<script>
$( document ).ready(function() {
	 
    $('#myTab a').click(function (e) {
        e.preventDefault();
        $(this).tab('show');
    });

    // store the currently selected tab in the hash value
    $("ul.nav-tabs > li > a").on("shown.bs.tab", function (e) {
        var id = $(e.target).attr("href").substr(1);
        window.location.hash = id;
    });

    // on load of the page: switch to the currently selected tab
    var hash = window.location.hash;
    $('#myTab a[href="' + hash + '"]').tab('show');
	
	});
</script>

Der Link Sieht wie folgt aus:

<li><a href="'.$http.$server_path.'account/test&p='.$b.'#closed" >'.$b.'</a></li>

Danke & Gruß

c

 

[creativeheadz]

Hab den Fehler gefunden. Man muss dem Tab Container natürlich auch die ID "myTab" geben

<ul class="nav nav-tabs" id="myTab">