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>

使用带有变量的javascript更改图像src

1 个答案: