jQuery ahref

met php ?

Voeg een attribuut REL toe aan alle links waarop je drukt met de value zoiets als 'index' of 'home' of wat dan ook maar.
Heb het volgende stukje voor je geschreven:

$(function () {
	$('#content').load('/start.php');
	$('button').live('click', function() {
		var url = '/' + $(this).attr('rel') + '.php';
		$('#content').fadeOut(800, function() {
			$(this).load(url).fadeIn(800);
		});
	});
});

Dit is alles dat je nodig hebt. $(function() { is het zelfde als Document ready

En de button element zou er dan zo uitzien:

<button rel="home">

Dit komt omdat een javascript functie geen interactie kan gebruiken.
Je zou het kunnen oplossen doormiddel van het zo te doen:

function loadPage(url) {
	$('#content').fadeOut(800, function() {
		$(this).load(url).fadeIn(800);
	});
}


$(function() {
	$('#content').load('/home.php');
	$('a.menu').live('click', function() {
		loadPage($(this).attr('href'));
		return false;
	});
});

<a href="/test.php" class="menu">Test</a>

Maar wat je dan inprincipe doet is de functionaliteit die in Jquery weg halen en zou ik het zelf op de volgende manier doen:

$(function() {
	$('#content').load('/home.php');
	$('a.menu').live('click', function() {
		var url = $(this).attr('href');
		$('#content').fadeOut(800, function() {
			$(this).load(url).fadeIn(800);
		});
		return false;
	});
});

<a href="/test.php" class="menu">Test</a>

De class gebruik je op dat moment als selector, maar je kunt er ook nog een style aan koppelen via je CSS (als gewenst) De selector class is meer zodat niet alle A elementen (die extern gaan bijv) niet ook worden ingeladen zolang ze de class MENU niet hebben.

$(document).ready(function() {
$('a.ajax').click(function(e) {
e.preventdefaults();
$('#content).load($(this).href);
});
});

Vergelijkbaar iets?

Edit: beetje fout, heb het hier op CP geschreven.

Citaat van BrokenTrack

PHP

$(document).ready(function() {
$('a.ajax').click(function(e) {
e.preventdefaults();
$('#content).load($(this).href);
});
});

Vergelijkbaar iets?

Edit: beetje fout, heb het hier op CP geschreven.

e.prevendefaults en de parameter E hoeft in principe niet meegegeven te worden, dit kan korter door return false aan het eind van de click method te plaatsen.

Daarnaast kun je $(document).ready(function() { afkorten naar $(function() {

Hoe minder karakters -> hoe minder het in beslag neemt -> hoe sneller een pagina laad