無法實現加載欄

有人能告訴我爲什麼這不起作用？我感到困惑。有問題的網站：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比任何其他元素。

來源

2013-01-10 Goran Stošić

您加載DIV不具有背景色，因此它是透明的（看穿）。 :-) –

是否在外部文件中定義了CSS？如果是這樣，請將其帶入主HTML文檔（如果可能，請在線）。在所有樣式可用之前，瀏覽器將開始渲染頁面。外部風格最長。 –

這不是一個很好的做法，要求我們調試一個遙遠的網站。你應該建立一個最小的例子，測試它，然後把它放在這裏（如果可能的話在jsfiddle.net中）。 –

這是因爲沒有找到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>

來源

2013-01-10 16:23:54

感謝您提供所有答案，並且我爲您「調試遙遠的網站」而謙虛道歉。顯然，我並不熟悉SO的政策。我會盡力使自己熟悉這一點，但我很匆忙地完成這件事。再次抱歉。 –

無法實現加載欄

回答

相關問題