Jquery 无法实现加载条

有人能告诉我为什么这不起作用吗？我很困惑。有关地点：

JS:

HTML:

---

问题是页面开始加载，尽管它应该被

#loading

div隐藏，div覆盖整个页面，并且比任何其他元素的

z-index

都高。

这是因为找不到

jquery.js

你可能会改变

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

到

您的加载div没有背景色，因此它是透明的（透明的）。：-）CSS是否在外部文件中定义？如果是这样的话，请将其放入主HTML文档中（如果可能的话，请联机）。浏览器将在所有样式可用之前开始呈现页面。外部样式花费的时间最长。要求我们调试远程站点不是一个好做法。您应该构建一个最小的示例，对其进行测试，然后将其放在这里（如果可能的话，放在jsfiddle.net中）。@dystroy否则被认为太本地化了。@KevinB我同意这一点。感谢所有的答案，我为让您“调试一个远程站点”而谦虚地道歉。显然，我对政府的政策不太熟悉。我会尽快熟悉它，但我非常急于完成这项工作。再次抱歉。

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

#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;
} 

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

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