javascript - 显示和隐藏div所需的帮助

我正在创建的图像查看器出现问题。像下面的图像一样，“窗口”是显示图像的位置，“分页”是用户可以更改图像的位置。每当窗口悬停在上方时，我就使用此Jquery脚本使“分页”淡入-开头是隐藏的。尽管当用户将鼠标悬停在“分页”上时，它会闪烁。 （先是先表演，然后再是皮革等）

我想是因为鼠标不再悬停在“窗口”上了。谁能建议我如何使“分页”保持显示？谢谢您的帮助！ :)

$(".window").hover(function() {
    $(".paging").fadeIn('fast');
}, function() {
    $(".paging").fadeOut('fast');
});

最佳答案

您可以在此处使用.stop()并将它们都包含在.hover()选择器中，如下所示：

$(".window, .paging").hover(function() {
    $(".paging").stop(true, true).fadeIn('fast');
}, function() {
    $(".paging").stop(true, true).fadeOut('fast');
});

这样，当您离开进入孩子或返回父母时，它会停止淡入淡出并立即将其带回，从而导致用户看不到任何动作。