jQueryの負荷アニメーション

Question

はほとんど私のサイトを終えたが、私は、私はhttp://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/

からガイドを使用してきました。しかし、私はそれを動作させることはできません

解決する方法がわからない、この致命的なエラーが発生しています。 私はあなたが助けることができる私は本当に幸せだろう。

<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

これここ

は、私はそれがhttp://www.matskruger.dk

Htmlの仕事に取得しようとしているページへのリンクです独自のドメイン内でページを読み込もうとすると、コードが動作します。

<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> 

あなたはまだ問題