一种悬停和鼠标离开jquery的解决方案

一种悬停和鼠标离开jquery的解决方案,jquery,Jquery,我想通过将鼠标悬停在jquery中,用另一个图像更新这些图像 我的代码运行良好,例如,第一个图像是蓝色的,当我将其悬停时,它将更新另一个图像,但问题是当我突然将鼠标移到第一个图像上时,第一个图像将更新橙色图像,但我已将其移走,并且它不会突然变为蓝色图像。因为。hover()将不再受支持,最好使用mouseenter()方法: $("#blue").on('mouseenter',function () { $("#orange").show(); }); $("#orange").on(

我想通过将鼠标悬停在jquery中,用另一个图像更新这些图像 我的代码运行良好,例如,第一个图像是蓝色的,当我将其悬停时,它将更新另一个图像,但问题是当我突然将鼠标移到第一个图像上时,第一个图像将更新橙色图像,但我已将其移走,并且它不会突然变为蓝色图像。

因为
。hover()
将不再受支持,最好使用
mouseenter()
方法:

$("#blue").on('mouseenter',function () {
    $("#orange").show();
});
$("#orange").on('mouseleave', function () {
    $("#orange").hide();
});

这是一个有效的演示:

如果给我声誉,我可以发送一个图像来更好地理解这些代码:$(“#蓝色图像”).hover(函数(){$(“#橙色图像”).show()})$(“#橙色图像”).mouseleave(函数(){$(“#橙色图像”).hide()});请编辑您的帖子并在问题中添加您的更新!如果你也发布相关的html,这也会有所帮助。@Caner Akdeniz检查一下这个,如果你试图突然移动鼠标,看看是什么happening@kamal你的问题不够清楚,所以我只是假设。我为您更新了答案,如果它对您有帮助,我会将其标记为答案。