2016-04-23 157 views
0

我已經嘗試了所有的建議,但似乎沒有任何工作與此插件。我不使用ajax調用,延遲是由於某些數據映射呈現問題。使用jquery.mmenu插件時添加一個加載圖片

我跟着這個方法:http://bradsknutson.com/blog/display-loading-image-while-page-loads/

Altough我在HTML的非常begining添加div標籤,當我調試,我看到它屬於該插件很多div標籤之後的代碼。總結起來,它不在html的頂部。

.js和.css在示例中是相同的。

所以我

HTML

<div class="loader"></div> 

CSS

.loader { 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    width: 100%; 
    height: 100%; 
    z-index: 9999; 
    background: url('images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249); 
} 

JS

$(window).load(function() { 
    $(".loader").fadeOut("slow"); 
}) 

附註:我tryed更換爲淡出隱藏()。

這種方法是行不通的,感謝

+0

我很接近,但尚不能工作。我遵循這個例子,但gif永遠不會被隱藏。它始終可見。 http://stackoverflow.com/questions/1853662/how-to-show-page-loading-div-until-the-page-has-finished-loading – rossig7

回答

1

看起來你需要使用:

("#loading").fadeOut("slow");

enter image description here

+0

謝謝,我來看看。如果你想檢查這個bicimapuy2.herokuapp.com,有代碼 – rossig7

+0

的確,我沒有看到與我所做的任何區別。主要的是我有很多代碼,而不僅僅是一個例子。我渲染地圖,菜單等 – rossig7

+0

認爲我破解了案件。看到我編輯的答案。 –