javascript - jQuery:根据正文中的类更改页面上的图像

我有一个wordpress页面，我想在首页的标题上显示特色图像，但没有其他页面。我设置了一个脚本来读取body标签是否包含“ home”类，并基于该类显示图像。代码如下：

<script>
    if($('body').hasClass("home")) {
    $('#headshot').html('<img src="http://www.kieferslaton.com/wp-content/uploads/2015/04/Headshot1.png" alt="headshot">');
}
</script>

这个脚本怎么了？

最佳答案

尝试将您的代码包装到在DOM准备就绪时触发的函数中：

<script>
    $(function() {
        if($('body').hasClass("home")) {
            $('#headshot').html('<img src="http://www.kieferslaton.com/wp-content/uploads/2015/04/Headshot1.png" alt="headshot">');
        }
    });
</script>

More info

关于javascript - jQuery:根据正文中的类更改页面上的图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29738477/