wordpress中的Javascript导致语法错误

wordpress中的Javascript导致语法错误,javascript,jquery,html,wordpress,chart.js,Javascript,Jquery,Html,Wordpress,Chart.js,当将以下代码与chart.js结合使用以创建自定义legenda时,它可以在HTML文件中正常工作。但是,当在wordpress页面中使用它时,会导致一个未捕获的语法错误 legendCallback: function(chart) { console.log(chart.data); var text = []; text.push('<ul>'); for (var i=0; i&l

当将以下代码与chart.js结合使用以创建自定义legenda时,它可以在HTML文件中正常工作。但是,当在wordpress页面中使用它时,会导致一个未捕获的语法错误

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("");
        },
legendCallback:函数(图表){
控制台日志(图表数据);
var text=[];
text.push(“
    ”);
    对于(var i=0;i根据错误屏幕截图,在
    .text(“
      ”);

    这确实是一个语法错误

    换行符似乎没有出现在您在问题中引用的代码中,但它显然存在于您的屏幕截图中

    如果您确定那里没有换行符,则可能是一个不可见的字符,该字符没有显示在编辑器中,但在代码运行时会影响代码。如果您复制并粘贴代码,则可能会出现这种情况,例如从网站复制,其中一些隐藏的标记可能也会在不经意间被复制


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

    它是如何包含在wordpress中的?确切的语法错误是什么?此代码是对象定义的一部分吗?@epascarello它是标记中图表配置的一部分,错误指向何处?@MikeC Uncaught syntax error:无效或意外标记代码不是copie因此没有不可见的字符。当我删除行时,语法错误跳转到下一个text.push。wordpress页面编辑器以某种方式拆分代码。可能是因为它包含html代码?是否有可能否决此拆分?嗯,这听起来很奇怪,即使在像wordpress这样糟糕的应用程序中也是如此。我要做的第一件事是:建议是,理想情况下,JavaScript代码应该放在一个单独的.js文件中;以这种方式构建代码有很多很好的理由,因此我建议无论如何都这样做,但在这种情况下,这也是避免当前问题的一种有效方法。除此之外,这不再是编程问题,而是WordPress问题。我没有回答这个问题,但你可能会从问类似的问题中得到更多的乐趣。