jquery - 无法实现加载栏

Question

有人能告诉我为什么这不起作用吗？我很困惑。有问题的网站：http: //goodmoodhostel.com

JS：

$(window).load(function(){  
    $("#loading").hide();  
})  

HTML：

<div id="loading">  
    Loading content, please wait..  
    <img src="ajax-loader.gif" alt="loading.." />  
</div>  

CSS：

#loading {  
    position:absolute;  
    width:100%;
    height:2000px;  
    top:0px;   
    text-align:center;  
    padding:7px 0 0 0;  
    font:bold 11px Arial, Helvetica, sans-serif;  
z-index:100;
} 

问题是页面开始加载，尽管它应该被#loading覆盖整个身体并且z-index比任何其他元素都高的 div 隐藏。

Answer 1

那是因为jquery.js没有找到。

你可能会改变

<script type="text/javascript" src="jquery.js"></script>  

至

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>