このスクリプトに AJAX コールバック関数を追加するにはどうすればよいですか?
このスクリプトは、ページを更新せずに AJAX でコンテンツをロードしていますが、スクリプトをロードしていません。コールバック関数を追加すると、スクリプトが読み込まれると思います。
$(document).ready(function () {
var hash = window.location.hash.substr(1);
var href = $('#nav li a').each(function () {
var href = $(this).attr('href');
if (hash == href.substr(0, href.length - 5)) {
var toLoad = hash + '.php #conten';
$('#conten').load(toLoad)
}
});
$('#nav li a').click(function () {
var toLoad = $(this).attr('href') + ' #conten';
$('#conten').hide('fast', loadContent);
$('#load').remove();
$('#conten').append('<span id="load"></span>');
$('#load').fadeIn('normal');
window.location.hash = $(this).attr('href').substr(0, $(this).attr('href').length - 5);
function loadContent() {
$('#conten').load(toLoad, '', showNewContent)
}
function showNewContent() {
$('#conten').show('normal', hideLoader());
}
function hideLoader() {
$('#load').fadeOut('normal');
}
return false;
});
});