jquery wordpress 模板路径

Question

需要一点 jQuery 的帮助。我有点 jQuery 的菜鸟。

我在 var 中获得了我的 template_dir：

$('#someID').click(function() {
    var templateDir = '<?php bloginfo("template_directory") ?>';
    if(autoStart) {
        $(this).html('<img src=" 'TEMPLATEDIR HERE' /images/pauze-play.png" />');
    } else {
        $(this).html('<img src=" 'TEMPLATEDIR HERE' /images/pauze-play.png" />');
    }
    autoStart = !autoStart;
    $('#mainSlider.royalSlider').royalSlider('toggleAutoPlay');
 });

我做了一些 stackoverflow 搜索并试图弄清楚，但由于缺乏技能，我所做的它不起作用，尽管我觉得它相当简单。

以为是这样的：

<img src=" 'templateDir +' /images/pauze-play.png" />'

但是没有……

提前致谢

/保罗

Answer 1

代码 danyo poste 可以正常工作，但在您选择将 templateDir 定义为 javascript 变量的路线上，您将拥有：

$(this).html('<img src="' + templateDir + '/images/pauze-play.png" />');

注意： "' 和 '/ 之间没有空格。这可能是您出错的地方。

您可能还想将 templateDir 声明为全局变量。所以你会有：

var templateDir = '<?php bloginfo("template_directory"); ?>';
jQuery('.selector').click(function(){ ...

Answer 2

也许你可以把变量放到一个隐藏的 span 中，用 php 放在某个地方，像这样：
<span class='hidden mythemepath'>yourtheme</span>，然后你可以用 javascript 捕捉它：
var mytheme = $(".mythemepath").text();

Answer 3

你让它变得复杂。我不明白为什么当您不在javascript中调用图像时将模板目录分配给var？

以下将正常工作：

<img src="<?php bloginfo("template_directory") ?>/images/pauze-play.png" />

编辑

<script>
$('#someID').click(function() {
    if(autoStart) {
        $(this).html('<img src="<?php bloginfo("template_directory") ?>/images/pauze-play.png" />');
    } else {
        $(this).html('<img src="<?php bloginfo("template_directory") ?>/images/pauze-play.png" />');
    }
    autoStart = !autoStart;
    $('#mainSlider.royalSlider').royalSlider('toggleAutoPlay');
 });
</script>