jquery wordpress modèle chemin

Question

Besoin d'un peu d'aide avec un peu de jQuery. Im un peu d'un noob jQuery sage.

Je suis mon template_dir dans un var:

$('#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'); 
}); 

Je l'ai fait quelques recherches stackoverflow et essayé de le comprendre, mais ce que je fais cela ne fonctionne pas en raison des compétences qui manquent, mais je pense qu'il est assez simple .

Je pensais que c'était quelque chose comme ceci:

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

Mais ...

Merci à l'avance

/Paul

Answer 1

Le poste de Danyo code fonctionnerait très bien, mais sur la route que vous avez choisi de définir TEMPLATEDIR comme une variable javascript vous auriez:

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

Remarque: il n'y a pas d'espace entre "'et' /. Cela pourrait avoir été où vous avez mal tourné.

Vous pouvez également déclarer templateDir en tant que variable globale. donc vous auriez:

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

Answer 2

Peut-être que vous pouvez mettre la variable dans une période cachée , placé quelque part avec php, comme ceci:
<span class='hidden mythemepath'>yourtheme</span>, alors vous pouvez l'attraper avec javascript:
var mytheme = $(".mythemepath").text();

Answer 3

Vous rendre compliqué. Je ne comprends pas pourquoi vous assignez le répertoire de modèle à un var quand vous n'appelez pas l'image dans javascript?

ce qui suit fonctionne très bien:

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

EDIT

<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>