$(window).load(関数() {
var rel = $('#nav li a').each(function(){
var page = $(this).attr('rel');
});
$('#nav li a').click(function(){
var toLoad = $(this).attr('rel')+' #content';
$('#content').toggle("slide", { direction: "up" }, 700,loadContent);
$('#load').remove();
$('#wrapper').append('<span id="load">LOADING...</span>');
$('#load').fadeIn('normal');
window.location.hash = $(this).attr('rel').substr(0,$(this).attr('rel').length-5);
function loadContent() {
$('#content').load(toLoad,'',showNewContent())
}
function showNewContent() {
$('#content').toggle('slide',{direction: 'up'}, 700,hideLoader());
}
function hideLoader() {
$('#load').fadeOut('normal');
}
return false;
});
});
Web ページにメニューがあり、ボタンがクリックされると、外部ページ (より正確にはコンテンツ div が変更されます) がスライド効果で #content に読み込まれます。コードは正常に動作しますが、フォト ギャラリーもあります。 Javaスクリプト、写真にはもう効果がありません。Javaスクリプトがロードされていないと思います!! 助けてください!!