2017-07-01 14 views
0

プログレスバーが機能しています。私はそれを直接index.htmlページに入れます。しかし、 "use strict"モードを使用して外部のactive.jsファイルに入れた場合、動作しません(アニメーション)。しかし、他のJSは正常に動作しています。私を助けてください。前もって感謝します。あなたが最初にすべての使用する変数を宣言する必要がありモード「の厳密なを使用」は、プログレスバーで厳密なモードを使用

 
$('[data-toggle="tooltip"]').tooltip({ 
       trigger: 'manual' 
      }).tooltip('show'); 


     $(window).on('scroll', function() { 
      if ($(window).scrollTop() > 500) { // scroll down abit and get the action 
       $(".progress-bar").each(function() { 
        each_bar_width = $(this).attr('aria-valuenow'); 
        $(this).width(each_bar_width + '%'); 
       }); 

      } 
     }); 
Details code here: https://codepen.io/valencia123/pen/aOopQx 
+0

正確には機能しないのは何ですか?また、index.html内にプログレスバーなどのコードを追加できますか? –

+0

アニメーションが機能していません。ここに詳細コードhttps://codepen.io/valencia123/pen/aOopQx – Ziaul

+0

それはcodepenで私にとってうまくいくように見えますが、それはcodepenの欠陥かもしれません。 each_bar_widthの前に "var"を追加して、それが役立つかどうか確認してください。 –

答えて

0

:ここ は、以下の私のコードです。あなたのスニペットから、each_bar_widthがどこにでも宣言されていることは明らかではありません。 var宣言またはconst宣言を試してください。

関連する問題