Question

需要一些jQuery的帮助。我是一个明智的noob 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

也许你可以把变量放到隐藏的范围内，放在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>

jquery wordpress模板路径

3 个答案: