我用 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 知道我在这里做错了什么以及如何解决它吗?
谢谢转发。
最佳答案
您必须按如下方式进行:
$('.tab_home').find('img').attr('src', templateUrl + '/images/home.png');
并且不要忘记在模板的标题中设置 templateUrl,如您所引用的帖子中所述:
<script type="text/javascript">
var templateUrl = '<?= get_bloginfo("template_url"); ?>';
</script>
关于javascript - 使用带有变量的javascript更改图像src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12216011/