pace.js: evento "start" non attivato?

Question

Non riesco a trovare una soluzione a questo problema che ho postato nei commenti di this question ... Sto usando il plugin pace.js e mi piacerebbe caricare/mostrare parti della mia pagina immediatamente senza dover attendere il preloader per caricare tutto il contenuto.

Ho pensato di farlo chiamando semplicemente l'evento start e mostrare immediatamente il selettore.

Tuttavia, non riesco a trovare la causa per cui è stato attivato l'evento done, ma non lo è start. Ho anche provato con hide che è anche licenziato, ma non lo è stop o restart.

$(window).load(function(){ 

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

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

}); 

Qualche idea?

Answer 1

Chiama Pace.start(), subito dopo l'associazione degli eventi. Sarà quindi possibile ottenere l'evento start.

Answer 2

bisogna mettere

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

fuori $(window).load.... Dopo che otterrà iniziare lo stato, si sta chiamando Questi metodi dopo la documentazione è stato caricato in modo da iniziare deve essere già triggred.

Answer 3

Sarà necessario chiamare

Pace.restart(); 

se la pagina corrente è già caricato con il progresso ritmo.

Answer 4

dopo la registrazione copione e css, nella sezione del tuo HTLM aggiungere questo script

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