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 div 隐藏，它覆盖了整个主体并且具有比任何其他元素更高的 z-index .

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>