我的 jQuery src 更改代码有什么问题？

Question

当您将鼠标悬停在图像上时，我正在尝试更改图像的 src。这是我的尝试，但它不起作用：

HTML：

<img src="images/work.png" id="work"/>

jQuery:

$(document).ready(function() {
    $("#work").mouseover(function() {
        $(this).attr("src", "images/workH.png");
    });
    $("#work").mouseout(function() {
        $(this).attr("src", "images/work.png");
    });
});

编辑 1： @埃里克： 我再次尝试了这段代码，但使用的是 200x200px 的 img。代码运行良好。是不是我的标志图片太小了？

编辑2： 我解决了这个问题！麻烦各位大佬抱歉。但是感谢您对此的帮助。

我在工作图像上方写了一个徽标图像。它处于浮动状态，允许工作图像停留在其下方。大多数标志图像是透明的，使工作图像可见。 但是，当我将鼠标悬停在我的图像上时，它们并没有改变，因为徽标挡住了。

捂脸瞬间

Answer 1

什么都没有。它应该可以正常工作。你的两张图不一样吗？是否包含 jQuery 库？

---

您可以将代码简化为：

$(document).ready(function() {
    $("#work").hover(function() {
        $(this).attr("src", "images/workH.png");
    }, function() {
        $(this).attr("src", "images/work.png");
    });
});