pace.js erreicht nie 100%

Ich habe pace.js und pace.css zu meiner Site hinzugefügt.pace.js erreicht nie 100%

Wie zeigen auf der PACE-Website, alles, was ich tun muß, ist Js hinzuzufügen und so früh wie möglich in dem Kopfelement .css, so ich tat:

<head> 
    <meta charset="utf-8" /> 
    <title>@ViewBag.Title - My ASP.NET Application</title> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta content="width=device-width, initial-scale=1.0" name="viewport" /> 
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
    <meta content="" name="description" /> 
    <meta content="" name="author" /> 
    <script src="~/Scripts/global/pace.min.js"></script> 
    <link href="~/Content/global/pace-theme-flash.css" rel="stylesheet" />

Das Problem, dass es nie erreicht 100%:

<div class="pace pace-active"><div class="pace-progress" data-progress-text="99%" data-progress="99" style="transform: translate3d(100%, 0px, 0px);"> 
    <div class="pace-progress-inner"></div> 
</div> 
<div class="pace-activity"></div></div>

Es ist nichts auf der Registerkarte Netzwerk und keine Fehler in der Konsole anstehend.

Was fehlt mir hier?

Quelle

2017-05-10 JustLearning

Ich suche dieses Thema bereits überall, sogar in seinem Github vor, aber keine echte Lösung. Ich habe eine Lösung, bei der ich, wenn sie X Sekunden lang bei 99% hängen geblieben ist, das Laden des Tempos stoppen werde. Wenn Sie es wollen, werde ich die Lösung setzen. –

ya du kannst als Antwort posten, aber ich war nicht wirklich auf der Suche nach einer Arbeit, eher plug and play wie vom Plugin angekündigt – JustLearning

Hier ist die Problemumgehung. In diesem Code überprüfe ich alle 100ms, wie schnell der Fortschritt ist. Wenn es bereits 99 (%) ist, addiere ich einen Zähler (Zähler ++). dann überprüfe ich jedesmal, wenn der Intervall läuft, ob der Counter bereits 50 ist, was bedeutet, dass der Fortschritt & & 99 Sekunden für 5 Sekunden (50 x 100ms) ist und das Tempo abbricht .

var initDestroyTimeOutPace = function() { 
    var counter = 0; 

    var refreshIntervalId = setInterval(function(){ 
     var progress; 

     if(typeof $('.pace-progress').attr('data-progress-text') !== 'undefined') { 
      progress = Number($('.pace-progress').attr('data-progress-text').replace("%" ,'')); 
     } 

     if(progress === 99) { 
      counter++; 
     } 

     if(counter > 50) { 
      clearInterval(refreshIntervalId); 
      Pace.stop(); 
     } 
    }, 100); 
} 
initDestroyTimeOutPace();

Quelle

2017-05-10 09:28:47

pace.js erreicht nie 100%

Antwort

Verwandte Themen