Wordpress - 如何在 js 文件中获取主题目录？答案

【问题标题】：Wordpress - How do I take the theme directory in a js file?Wordpress - 如何在 js 文件中获取主题目录？
【发布时间】：2016-08-02 17:21:27
【问题描述】：

我有一个外部脚本可以集成到 Wordpress 主题中。这个脚本有不同的混合资源，比如 js、php 文件等。是这样的：

/mytheme/myscript/
                  ...main.php
                  ...folder/main.js

现在，main.js 发布到 main.php 并使用类似：

var comet = new vpb_start_comet('main.php');
comet.connect();

我的问题在这里。找不到Main.php，因为我应该使用相对的 wordpress 路径更改它，位于我主题的子文件夹中。那么我怎么能在我的main.js 文件中get_bloginfo('template_url').'/myfolder/main.php 呢？

【问题讨论】：

【解决方案1】：

如果您的 folder/main.js 正在通过 wp_enqueue_script() 函数包含（它可能应该是，因为这是使用 WP 加载脚本的正确方法），那么您可以轻松地将主题目录 uri 添加为变量，使用`localize_script()' 函数如下：

wp_localize_script( 'script_handle', 'themeDirURI', get_template_directory_uri() ) ;

您可以将此代码放在 main.js 脚本的 wp_enqueue 之后。这将使主题目录可用作名为 themeDirURI 的 javascript 变量，其值类似于：`http://www.example.com/wp-content/themes/theme-name/'

希望这会有所帮助！

【讨论】：