JQUERY - 不悬停后将 SRC 更改回原始状态答案

【问题标题】：JQUERY - Change SRC back to original after not hoverJQUERY - 不悬停后将 SRC 更改回原始状态
【发布时间】：2015-03-27 23:21:13
【问题描述】：

我有一个脚本，我试图用它来更改图标的 src 属性。我正在加载的图标是不同的颜色，旨在通知用户与图标关联的链接。

我在悬停时将 src 更改为第二个图标。但是，当用户将鼠标从图标上移开时，它并没有恢复到原来的图标，而是停留在第二个状态。

我已经编写了代码试图让它返回，但这似乎导致原始代码不起作用。（所以它不会对添加的第二个块做任何事情）。

对此的任何帮助将不胜感激。代码如下：

JS
$socialBlue1.hover(function () {
    $(this).attr("src", "../icons/socialBlue1.png");
});

$socialBlue1.not().hover(function () {
    $(this).attr("src", "../icons/socDark1.png");
});

【问题讨论】：

标签： javascript jquery

【解决方案1】：

您搜索过mouseout：

$socialBlue1.mouseout(function () {
    $(this).attr("src", "../icons/socDark1.png");
});

【讨论】：

【解决方案2】：

您可以将.hover() 方法用于“悬停”和“悬停”。只需将第二个函数放入 .hover() 方法中，在第一个函数之后。一旦 .hover() 事件结束，它就充当回调。

http://api.jquery.com/hover/

这就是它的样子：

$socialBlue1.hover(function () {
    $(this).attr("src", "../icons/socialBlue1.png");
}, function () {
    $(this).attr("src", "../icons/socDark1.png");
});

【讨论】：