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>

无法实现加载栏

1 个答案: