2016-04-23 6 views
0

Ich habe versucht, alle Vorschläge, aber keine scheint mit diesem Plugin zu arbeiten. Ich verwende keinen Ajax-Aufruf, die Verzögerung ist auf ein Datenkarten-Rendering-Problem zurückzuführen.Fügen Sie ein Ladebild bei der Verwendung von jquery.mmenu Plugin

Ich folgte dieser Methode: http://bradsknutson.com/blog/display-loading-image-while-page-loads/

Altough ich die div-Tag ganz am Anfang meiner html hinzufügen, wenn ich den Code debuggen ich es nach vielen div-Tags sah, die für das Plugin gehört. Zusammenfassend ist es nicht an der Spitze des HTML.

Die .js und die .css sind im Beispiel identisch.

Also ich habe

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"); 
}) 

Randbemerkung: Ich habe versucht fadeOut für Haut zu ersetzen().

Diese Methode funktioniert nicht, dank

+0

ich näher bin, aber es funktioniert noch nicht. Ich bin diesem Beispiel gefolgt, aber das Gif wird nie versteckt. Es ist immer sichtbar. http://stackoverflow.com/questions/1853662/how-to-show-page-loading-div-until-the-page-has-finished-loading – rossig7

Antwort

1

Es sieht aus wie Sie verwenden müssen:

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

enter image description here

+0

Danke, ich werde einen Blick darauf werfen. Wenn Sie diese bicimapuy2.herokuapp.com überprüfen möchten, gibt es den Code – rossig7

+0

Tatsächlich sehe ich keine Unterschiede von dem, was ich tat. Der wichtigste ist, dass ich viel Code habe und nicht nur den des Beispiels. Ich rende eine Karte, ein Menü, etc. – rossig7

+0

Denken Sie, ich habe den Fall geknackt. Siehe meine bearbeitete Antwort. –