javascript - 未登录时 JavaScript 不会运行 (WordPress)

Question

<script>

// get all bars
var bars = document.getElementsByClassName('bar');

// determine the highest value
var longest = 0;

for (var bar of bars) {
    if (parseFloat(bar.getAttribute('value')) > longest) {
        longest = parseFloat(bar.getAttribute('value'));
    }
}

// set width relative to the highest value for each bar
for (var bar of bars) {
    bar.style.width = `${parseFloat(bar.getAttribute('value')) / longest * 100}%`;
}



window.onload = function() {
    jQuery("path").attr('stroke-width','4');
};


</script>

我有这个脚本，它获取两个条形并根据它们的值设置宽度（由 WordPress 中的强大表单动态添加。它总是工作正常。但是，在切换到使用 Cloudflare 后，我遇到了永无止境的问题，一个其中，除非您以管理员身份登录，否则这将不再有效。

应该有一个比另一个短。相反，它们都始终处于 100%（除非以管理员身份登录，在这种情况下它工作正常）。该脚本确实运行；我将 console.log() 放入脚本中，该脚本有效。控制台没有错误，只是没有更改 CSS。

这是它（不是）在行动的一个例子。

标签： javascriptwordpress