悬停命令未释放

Question

我想要完成的是当我将鼠标悬停在一个按钮上时，指定的类淡出，然后一旦我不再盘旋，让类恢复到100％不透明度。

据我所知，只有当鼠标位于所选对象上时，.hover才会处于活动状态。但是，当我的鼠标离开时，所选对象的不透明度保持在为.hover状态定义的值。当鼠标不再悬停时，如何让选定的类恢复到100％不透明度？

$(".si").hover(function () {
  $(".maq, .cm, .ac, .qm, .nm, .lon, .pp, .cl, .av, .amb, .hub").fadeTo(500, 0.4);

}）;

Answer 1

.hover() 需要两个处理程序，当您的鼠标进入并离开该元素时会触发该处理程序。

目前您只处理第一个案例mouseenter，因此您可以使用第二个处理程序重置为原始状态：

$(".si").hover(function () {
    $(".maq, .cm, .ac, .qm, .nm, .lon, .pp, .cl, .av, .amb, .hub").fadeTo(500, 0.4);
}, function() {
    $(".maq, .cm, .ac, .qm, .nm, .lon, .pp, .cl, .av, .amb, .hub").fadeTo(500, 1);
});