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

标签 javascript image wordpress

我用 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/

相关文章:

javascript - 通过模式复选框选择将一个文档添加到另一个文档

javascript - Winston 日志的默认位置是什么?

html - 图片未出现在现场;可以直接通过url访问

html - 浏览器处于全屏模式时图像未处于 100% 全高

javascript - 向嵌套结构中的 svg 组添加边框

javascript - JQuery 自动完成问题

image - 在相机捕获图像 Android 上设置实时帧(错误)

wordpress - 将自定义页面模板添加到 bbPress 的 Warp 主题中

javascript - 在中心对齐 wordpress 幻灯片

css - 如何避免在主菜单中显示元素符号