我需要定义<！ - ？php bloginfo（'template_directory'）; ？ - >在我的jQuery脚本中。怎么样？

Question

我知道在使用Wordpress时，在php文件中你可以说

<img src="<?php bloginfo('template_directory'); ?>/images/image.png"/>

它知道你想要当前的模板目录，这样你就可以使插件成为通用的。

我想使用jQuery动态添加一些html，其中包含类似<?php bloginfo('template_directory'); ?>的内容来定义我的路径。

所以我的问题是，如何在jQuery中获取然后定义我的模板路径？

Answer 1

在javascript中创建变量：

<script type="text/javascript">
   var templateDirectory = '<?php bloginfo('template_directory'); ?>';
</script>

从那里你可以做任何你想做的事情，如下：

$('#my-image').attr('src', templateDirectory + '/images/image.png');

Answer 2

PHP是服务器端，因此一旦在服务器上执行所有内容并加载页面，就无法使用客户端代码更改PHP。 Nathan提供的代码是正确的，但报价不太正确。你想要这样的东西：

<script type="text/javascript">
   var templateDirectory = "<?php bloginfo('template_directory'); ?>";
</script>

检查该函数是否返回一个值或实际回显它。如果它返回该值，则需要它回显（因为您希望bloginfo（）函数的实际输出回显到javascript变量中）。在不改变函数本身的情况下，最简单的方法就是回应它：

<script type="text/javascript">
   var templateDirectory = "<?php echo bloginfo('template_directory'); ?>";
</script>

希望有所帮助！