Jquery загрузки анимации

Question

Почти закончил свой сайт, но есть это фатальная ошибка, я не знаю, как решить

Я использовал руководство от http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/

Но я не могу заставить его работать. Я был бы очень рад, что вы, ребята, могли бы помочь.

здесь ссылка на страницу, где я пытаюсь заставить его работать http://www.matskruger.dk

Html:

<div id="wrapper"> 
<div id="LeftPane"> 
    <div id="Logo"> 
     <h1>Mats Ulrik Krüger</h1> 
    </div> 
    <div id="HorzMenu"> 
     <ul> 
      <li><a href="#JO">JO Informatik</a></li> 
      <li><a href="#AnnDig">Annemette Digmann</a></li> 
     </ul> 
    </div> 
</div> 
<div id="ContentPane"> 
</div> 
</div> 

Сценарий:

var hash = window.location.hash.substr(1); 
var href = $('#MainMenu li a').each(function(){ 
    var href = $(this).attr('href'); 
    if(hash==href.substr(0,href.length-5)){ 
     var toLoad = hash+'.html #ContentPane'; 
     $('#ContentPane').load(toLoad) 
    }           
}); 

$('#MainMenu li a').click(function(){ 

    var toLoad = $(this).attr('href')+' #content'; 
    $('#ContentPane').hide('fast',loadContent); 
    $('#load').remove(); 
    $('#wrapper').append('<span id="load">LOADING...</span>'); 
    $('#load').fadeIn('normal'); 
    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5); 
    function loadContent() { 
     $('#ContentPane').load(toLoad,'',showNewContent()) 
    } 
    function showNewContent() { 
     $('#ContentPane').show('normal',hideLoader()); 
    } 
    function hideLoader() { 
     $('#load').fadeOut('normal'); 
    } 
    return false; 

}); 

Благодаря

Answer 1

Это код будет работать, если вы пытаетесь загрузить страницы в своем собственном домене.

<div id="wrapper"> 
<div id="LeftPane"> 
<div id="Logo"> 
    <h1>Mats Ulrik Krüger</h1> 
</div> 
<div > 
    <ul id="MainMenu"> 
     <li><a href="yourpage.php">JO Informatik</a></li> 
     <li><a href="nextpage.html">Annemette Digmann</a></li> 
    </ul> 
</div> 

<script> 

    var hash = window.location.hash.substr(1); 
    var href = $('#MainMenu li a').each(function(){ 
var href = $(this).attr('href'); 
if(hash==href.substr(0,href.length-5)){ 
    var toLoad = hash+'.html #ContentPane'; 
    $('#ContentPane').load(toLoad) 
}           
    }); 

    $('#MainMenu li a').click(function(){ 

var toLoad = $(this).attr('href')+' #content'; 
$('#ContentPane').hide('fast',loadContent); 
$('#load').remove(); 
$('#wrapper').append('<span id="load">LOADING...</span>'); 
$('#load').fadeIn('normal'); 
window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5); 
function loadContent() { 
    $('#ContentPane').load(toLoad,'',showNewContent()) 
} 
function showNewContent() { 
    $('#ContentPane').show('normal',hideLoader()); 
} 
function hideLoader() { 
    $('#load').fadeOut('normal'); 
} 
return false; 

    }); 
     </script> 

Вы можете оставить ошибку Firebug консоли, если вы все еще есть проблемы