Jquery加载动画

几乎完成我的网站，但有一个致命的错误，我不知道如何解决

我用了一本来自美国的指南

但我不能让它工作。 我真的很高兴你们能帮忙

这是我试图让它工作的页面的链接

Html:

马茨乌尔里克·克鲁格

脚本：

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;

});

var hash=window.location.hash.substr（1）；
var href=$（'#主菜单li a'）。每个（函数（）{
var href=$（this.attr（'href'）；
if（hash==href.substr（0，href.length-5））{
var toLoad=hash+'.html#ContentPane'；
$（'#ContentPane'）.load（toLoad）
}                                           
});
$（“#主菜单li a”）。单击（函数（）{
var toLoad=$（this.attr（'href'）+'#content'；
$（“#ContentPane”）.hide（'fast'，loadContent）；
$（“#加载”）.remove（）；
$（“#包装器”）.append（'LOADING…'）；
$（'加载'）.fadeIn（'正常'）；
window.location.hash=$（this.attr（'href'）.substr（0，$（this.attr（'href'）.length-5）；
函数loadContent（）{
$（'#ContentPane'）.load（toLoad'，showNewContent（））
}
函数showNewContent（）{
$（'ContentPane'）.show（'normal'，hideLoader（））；
}
函数hideLoader（）{
$（'加载'）.fadeOut（'正常'）；
}
返回false；
});

---

谢谢

如果您试图在自己的域中加载页面，此代码将起作用

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

马茨乌尔里克·克鲁格

var hash=window.location.hash.substr（1）；
var href=$（'#主菜单li a'）。每个（函数（）{
var href=$（this.attr（'href'）；
if（hash==href.substr（0，href.length-5））{
var toLoad=hash+'.html#ContentPane'；
$（'#ContentPane'）.load（toLoad）
}                                           
});
$（“#主菜单li a”）。单击（函数（）{
var toLoad=$（this.attr（'href'）+'#content'；
$（“#ContentPane”）.hide（'fast'，loadContent）；
$（“#加载”）.remove（）；
$（“#包装器”）.append（'LOADING…'）；
$（'加载'）.fadeIn（'正常'）；
window.location.hash=$（this.attr（'href'）.substr（0，$（this.attr（'href'）.length-5）；
函数loadContent（）{
$（'#ContentPane'）.load（toLoad'，showNewContent（））
}
函数showNewContent（）{
$（'ContentPane'）.show（'normal'，hideLoader（））；
}
函数hideLoader（）{
$（'加载'）.fadeOut（'正常'）；
}
返回false；
});

---

如果仍然有问题，您可以发布firebug控制台的错误

请提供您的代码示例，或者至少提供问题的描述。JS Lint（按窗口顶部的“JS Lint”按钮）。我对jquery还不太了解，这就是我使用tutsplus指南的原因

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