在进度条上使用严格模式

Question

如果我直接把它放在 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

Answer 1

在'use strict'模式下你必须先声明每个使用的变量。从您的代码片段中， each_bar_width 正在任何地方声明并不明显。尝试使用 var 或 const 声明。

在进度条上使用严格模式

Use strict mode on Progress bar

javascript

use-strict

progress-bar