Load() all links [jQuery]
Al weer een tijdje geleden dat ik mij hier heb gemeldt.
Waar ik op dit moment mee zit is het volgende:
Ik heb een site waar je op songteksten kan browsen.
Php haalt de info uit een platte tekst bestand en maakt alle links aan voor alle artiesten.
Nu wil ik dat deze links niet in een aparte window worden geopent en dat ze in div worden geinclude. Dus deze div werkt in feite als een iframe. Waarom kies ik dan niet voor een iframe? Omdat het stylen en aanroepen makkelijker uit een div vind dan uit een iframe.
Dit heb ik zover gevonden en bewerkt, naar mijn idee zou het moeten werken maar toch is er iets waarom die niet geladen wordt:
[script]
$('#resultaten a[href]').click(function(e) { // Anchor clicked
$('#resultaten').load($(e).attr('href')); // Load content div with result of link
e.preventDefault();
});
[/script]
Dit werkt wel: maar de links op browse.php doen het niet.
$('#resultaten').load("browse.php");
Nog een keer samengevat:
- ik laad een pagina in een div met Load() via ajax principe.
- De links die op deze pagina's staan moeten herladen worden in dezelfde div(resultaten), en dat werkt niet met het bovenstaande script.
Toevoeging op 02/04/2012 19:41:11:
Ik heb het inmiddels werkend en dit is de uitkomst:
$(document).ready(function(){
$('#resultaten a').live("click", function(){
$('#resultaten').load($(this).attr('href'));
return false;
});
})
Er zijn nog geen reacties op dit bericht.