2014-12-15 9 views
7

Ich kann nicht scheinen, eine Lösung für dieses Problem zu finden Ich schrieb in den Kommentaren this question ... Ich benutze das pace.js Plugin und ich würde gerne laden/zeigen Teile meiner Seite sofort, ohne auf den Preloader warten zu müssen um alle Inhalte zu laden.pace.js: Ereignis "Start" nicht ausgelöst?

Ich dachte daran, indem Sie einfach das start Ereignis aufrufen und den Selektor sofort anzeigen.

Allerdings kann ich nicht finden, die Ursache, warum meine done Ereignis ausgelöst wird, aber start ist nicht. Ich habe auch versucht mit hide, die auch gefeuert wird, aber stop oder ist nicht.

$(window).load(function(){ 

    Pace.on('start', function() { 
     alert('start') // not fired 
    }); 

    Pace.on('done', function() { 
     alert('done') // fired! 
    }); 

}); 

Irgendwelche Ideen?

Antwort

5

Rufen Sie Pace.start(), direkt nach Ereignisbindungen. Sie werden dann in der Lage sein, das start Ereignis zu erhalten.

+0

@ Matt Skript und CSS, auf Ihrem HTLM Abschnitt hinzufügen, um dieses Skript zu registrieren. Bitte erstellen Sie eine neue Frage für Ihre aktuelle Anforderung. –

2

Sie haben

Pace.on('start', function() { 
    alert('start'); 
}); 

außerhalb $(window).load.... setzen Danach wird es Status beginnen zu erhalten, Sie werden diese Methoden aufrufen, nachdem Dokumentation geladen wird, so muss bereits triggred werden beginnen.

4

Sie

Pace.restart(); 

wenn die aktuelle Seite aufrufen müssen bereits mit Tempo Fortschritte geladen ist. Sorry, ich habe keine exp mit Pace:

0

nach

<script type="text/javascript"> 
     window.onbeforeunload = renderLoading; 
     function renderLoading() { 
      Pace.stop(); 
      //Pace.start(); 
      Pace.bar.render(); 
     }