从WordPress站点中的Javascript加载文件的路径

时间:2017-11-06 15:08:02

标签: javascript wordpress path

我正在使用WordPress开发一个网站,其中我需要包含一些使用javascript制作的数据。我需要在我的JS脚本中加载包含数据的文件。脚本和数据都位于我的主题文件夹中,具有以下层次结构:

theme
--scripts
----my_script.js
--data
----my_data.csv

假设我使用d3.js在我的脚本中加载数据,使用以下代码:

d3.csv("path/to/data/my_data.csv", function(error, data){
    // Use the data
});

path/to/data应该是什么?我很困惑。它应该是相对于脚本的位置吗?或者使用脚本的页面在哪里?相对于服务器文件系统,还是网站的域名?

1 个答案:

答案 0 :(得分:1)

由于我还没有得到任何答案,这就是我最终做的事情。

在要显示可视化的页面模板中,我将以下代码添加到正文中:

<script>
var theme_URI = "<?php echo get_stylesheet_directory_uri(); ?>";
</script>

这使用WordPress函数来获取当前主题的路径,因此获取正确的数据文件路径现在变得微不足道了:

d3.csv(theme_URI + "/data/my_data.csv", function(error, data){
    // Use the data
});