var $content = null;
var $loader = null;
function ajaxNavigation(ev) {
ev.preventDefault();
// Do fancy loading.
$content.fadeOut();
$loader.fadeIn();
// Get the page content via AJAX.
$.get($(this).attr('href'), function (data) {
var $newContent = $(data).find('#content');
// Rebind the navigation.
$newContent.find('#previous,#next').click(ajaxNavigation);
// Insert the content from the loaded page into the current page.
$content.html($newContent).fadeIn();
});
}
$(document).ready(function () {
$content = $('#content');
$loader = $('#loader');
// Override previous and next button functionality.
$('#previous,#next').click(ajaxNavigation);
});
Comments
0 B
|👍
/👎