nein du kannst da auch nur eine id laden:
http://api.jquery.com/load/
die tabs kannst du ja als anchor bauen, da kannst du per jquery schonmal die seite auslesen:
Code:
var href = $(this).attr('href');
da wir ja moderne seiten bauen kannst du die id des zielcontainer ja in ein data attribut schreiben:
HTML-Code:
<a class="tab" data-target="id-des-artikels" href="link-zur-seite.html">Link
</a>
...und dann auslesen
Code:
var target = $(this).attr('data-target');
so kannste dir ja den link zusammen bauen den der ajay-request aufrufen soll:
Code:
var link = href + " #" + target;
brauchste nur noch den container in den der inhalt geladen werden soll, entweder packst den auch in ein data-attribut oder um es etwas dynamischer zu gestalten den index des tabs für den container verwenden:
Code:
var indexA = $("a").index(this);
und dann laden
Code:
$("div").index(indexA).load(link);
das ganze natürlich in ein klick event wo das standartverhalten unterdrückt wird
Code:
$("a").click(function(e){
e.preventDefault();
})
hab das ganze jetzt nicht getestet, klingt aber ganz gut vorallem bei dem index könnte es vielleicht ein problem geben, da musst du notfalls mal in der jquery api schauen.
vor dem ajax request könntest du ja noch abfragen ob der container schon inhalt hat, also schon geladen wurde. und an das load kannste auch noch eine callback funktion dran hängen die vielleicht einen preloader ausblendet den du beim click starten könntest.
Lesezeichen