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