带有 Javascript 的 Wordpress 根 URL答案

【问题标题】：Wordpress root URL with Javascript带有 Javascript 的 Wordpress 根 URL
【发布时间】：2013-02-13 18:55:17
【问题描述】：

我在我的 Wordpress 网站上使用这个脚本：JQuery Plugin: Random Image

我的问题是我不知道在路径部分中放置什么样的代码，以便 Wordpress 能够从图像文件夹中获取图像。 /images 是不够的，因为它只会给我 www.mydomain.com/images/image.jpg，显然这不是使用 Wordpress 时的整个 URL。

我试过这个：wordpress path url in js script file

但是我无法让它工作。每当我放置

var templateUrl = '<?= get_bloginfo("template_url"); ?>';

在我的文件中，我得到一个错误

%3C?=%20get_bloginfo(%22template_url%22);%20?%3E/images/image.jpg

我做错了什么？

【问题讨论】：

你可能想试试var templateUrl = '<?php get_bloginfo("template_url"); ?>';
仍然给我同样的错误:(
如果你得到所有的百分比编码，听起来好像 php 没有处理文件。这一切都在一个js文件中吗？
在 JS 文件中使用该 php 调用将不起作用。您可以对路径进行硬编码。这并不理想，但如果它位于您将经常更新的文件中，则可能值得。
在您链接的同一个 stackoverflow 问题中，另一个答案提到了函数 wp_localize_script。你可能想调查一下。

标签： javascript wordpress url root

【解决方案1】：

你必须回应它。

<?php echo get_bloginfo("template_url"); ?>

或者你可以使用

<?php bloginfo("template_url"); ?>

【讨论】：

这些都不起作用。我仍然得到 PHP 代码之间的百分比:(

【解决方案2】：

好的，我通过反复试验得到了它，我将在这里列出我做错的事情，以防其他人遇到同样的问题：

我将 var templateUrl 代码放在单独的 javascript 标记中。后来我把它移到了 $(document).ready(function() {
我将 templateUrl 放在实际的 .js 文件中。后来我把它移到： $('.shuffle').randomImage({path: templateUrl + /images/});

最终结果如下所示：

<script type="text/javascript">
var templateUrl = '<?php bloginfo('template_directory'); ?>';
    $(document).ready(function() {
        $('.shuffle').randomImage({path: templateUrl + /images/});
    });
</script>

脚本现在运行良好！感谢大家的帮助！ :)

【讨论】：

【解决方案3】：

<script type="text/javascript">
var themeFolder = '<?php echo get_template_directory_uri(); ?>'; 
</script>

【讨论】：