pace.jsは決して100％に達しません

私は自分のサイトにpace.jsとpace.cssを追加しました。pace.jsは決して100％に達しません

としては、私が行うために必要なすべての.jsファイルを追加し、header要素に可能な限り早期に.CSSすることですので、私がやった、ペースのウェブサイト上で示しています

<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" />

問題は、それが決してということです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>

[ネットワーク]タブには何も保留されず、コンソールにもエラーはありません。

ここには何が欠けていますか？

出典

2017-05-10 JustLearning

私はすでにでもその前に、githubの、ない真の解決策では、どこでもこの問題を検索します。私はすでにX秒間99％でスタックされている場合、ペースの読み込みを停止するという解決策があります。もしあなたがそれを望むならば、私はその解決策を置くでしょう。 –

あなたは答えとして投稿することができますが、私は実際にはプラグインによって広告されているようにプラグアンドプレイではなく、回避策を探していませんでした – JustLearning

これは回避策です。このコードでは、100msごとのペースの現在の進捗状況を確認します。すでに99（％）であれば、カウンター（カウンター++）を追加します。この間隔を実行するたびに、カウンタがすでに50かどうかをチェックして、それが真であれば、現在の進行状況を確認します。& & 5秒間（50 x 100ms）99％でペースを止めます。

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();

出典

2017-05-10 09:28:47

pace.jsは決して100％に達しません

答えて

関連する問題