0

需要一点 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" />'

但不是...

提前致谢

/保罗

4

3 回答 3

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(){ ...
于 2013-07-31T09:20:40.687 回答
0

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

于 2013-07-31T09:05:17.693 回答
0

你让它变得复杂。我不明白为什么当您不在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>
于 2013-07-31T09:13:48.150 回答