wordpress中的Javascript导致SyntaxError

Question

将以下代码与chart.js结合使用时，要创建自定义的legenda，它在HTML文件中可以正常工作。但是当在wordpress页面中使用它时，它会导致Uncaught SyntaxError。

legendCallback: function(chart) {
            console.log(chart.data);
            var text = [];
            text.push('<ul>');
            for (var i=0; i<chart.data.datasets[0].data.length; i++) {
                text.push("<li>");
                text.push('<span style="background-color:' + chart.data.datasets[0].backgroundColor[i] + '">' + chart.data.datasets[0].data[i] + '</span>');
                if (chart.data.labels[i]) {
                    text.push(chart.data.labels[i]);
                }
                text.push('</li>');
            }
            text.push('</ul>');
            return text.join("");
        },

更新：

错误截图：

代码错误屏幕：

Answer 1

根据错误截屏，您在.text('和<ul>');

之间有换行符

这确实是语法错误。

换行符似乎没有出现在您在问题中引用的代码中，但您的屏幕截图中显示了这一点。

如果你确定那里没有换行符，那么它可能是一个杂散的不可见字符，它不会出现在你的编辑器中，但在运行时会影响代码。如果你复制并粘贴代码，例如从网站上，某些隐藏的标记可能会被无意中复制，也会出现这种情况。

尝试删除错误周围的字符并重新输入错误。