使用JavaScript更改图像src与其中的变量

Question

我在HTML中创建了一个模板，现在我将它作为一个WordPress模板。但在我的.js文件中我得到这个：

$('.tab_home').find('img').attr('src', '/images/home.png'); 

这是一个点击功能的一部分，当我的东西点击改变图像。它在HTML中工作正常，但是当我想把它放在wordpress中时，它被破坏了，因为src url是错误的。现在，我发现这个线程：WordPress path url in js script file，这将是除了我不能把"+templateUrl+"我.attr('src', '/images/home.png')原因我的解决方案的一部分，那么我得到一个链接，如：

<img alt="" src=""+templateUrl+"/images/home.png"> 

是否some1知道我在做什么错在这里，以及如何解决它？

感谢您的转发。

Answer 1

如下必须做到：

$('.tab_home').find('img').attr('src', templateUrl + '/images/home.png'); 

而且不要忘记设置模板的头templateUrl，如在贴中描述你指的是：

<script type="text/javascript"> 
var templateUrl = '<?= get_bloginfo("template_url"); ?>'; 
</script>