jquery - 我的 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：@Erik：我再次尝试了此代码，但使用的是 200x200px img。代码运行良好。是不是我的标志图片太小了？

Edit2：我发现了问题！麻烦各位大佬抱歉。但是感谢您对此的帮助。

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

掌心时刻

Answer 1

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

---

您可以将代码简化为：

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