javascript - 在进度条上使用严格模式

Question

如果我将它直接放在 index.html 页面中，进度条正在工作。但是如果我将它放在具有“使用严格”模式的外部 active.js 文件中，它就不起作用（动画）。但其他 JS 工作正常。请帮我。提前致谢。下面是我的代码：

$('[data-toggle="tooltip"]').tooltip({
                触发器：'手动'
            }).tooltip('show');


        $(window).on('scroll', function () {
            if ($(window).scrollTop() > 500) { // 向下滚动并获取操作   
                $(".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

在“使用严格”模式下，您必须首先声明每个使用的变量。从您的代码段来看，在任何地方声明都不是很明显each_bar_width。尝试使用 var 或 const 声明。