javascript - 使用带有变量的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>