Javascript在Wordpress index.html中处理PHP导致加载问题，与FIDLE代码不匹配_Javascript_Php_Jquery_Wordpress

Javascript在Wordpress index.html中处理PHP导致加载问题，与FIDLE代码不匹配

javascript php jquery wordpress

Javascript在Wordpress index.html中处理PHP导致加载问题，与FIDLE代码不匹配,javascript,php,jquery,wordpress,Javascript,Php,Jquery,Wordpress,我有一个wordpress站点，我使用一个名为index.php的php脚本从wordpress数据库检索数据我想用一个JavaScript/jQuery脚本来处理通过php脚本获取的数据，该脚本将格式化数据问题是我使用的代码在JS Fiddle works中起作用；它从HTML中记录正确的原始变量并成功解析它。但是，在Wordpress中，当我将运行上述代码的.js文件包含在functions.php文件中并调用php脚本时，我没有得到一个未定义的输出console.logged作为svg

我有一个wordpress站点，我使用一个名为index.php的php脚本从wordpress数据库检索数据

我想用一个JavaScript/jQuery脚本来处理通过php脚本获取的数据，该脚本将格式化数据

问题是我使用的代码在JS Fiddle works中起作用；它从HTML中记录正确的原始变量并成功解析它。但是，在Wordpress中，当我将运行上述代码的.js文件包含在functions.php文件中并调用php脚本时，我没有得到一个未定义的输出console.logged作为svg_links_解析变量。VM691:1未捕获的语法错误：JSON中位于位置0的意外标记u 在JSON.parse

我怀疑这个问题可能与Wordpress加载脚本的顺序有关，我已经尝试在php之后将脚本排队，但我也遇到了同样的问题

TL；DR：它在Fiddle中工作，但在wordpress中不工作，如果在wordpress中首先调用头，并且脚本在头中，我如何保证在插入php代码后脚本启动

HTML示例：

<!DOCTYPE HTML>
<body>
<input type='hidden' id='cover_links' value='["img\/TTEST_1.svg","img\foo.svg","img\/Bar.svg","img\/Derp.svg"]'>
</body>

您可能希望等待页面加载，以确保在将输入标记加载到dom中后脚本运行。将代码粘贴到文档中以备使用：

$( document ).ready(function() {
  // do stuff after page is loaded. 
});

既然可以直接将其写入javascript，为什么还要麻烦将其粘贴到输入标记中呢？在index.php中标记并将数据粘贴到JS变量中。如果在HTML文档完全加载后使用document.write，它将删除所有现有的HTML。jQueryinput是一个非选择性限定符，是否有多个字段？您不应该选择按id jQueryinputcover\u链接吗？

$( document ).ready(function() {
  // do stuff after page is loaded. 
});