javascript - 显示和隐藏 div 需要帮助

Question

我正在创建的图像查看器出现问题。如下图所示，“窗口”是显示图像的位置，“分页”是用户可以更改图像的位置。我使用这个 Jquery 脚本使“分页”在窗口悬停时淡入 - 它一开始是隐藏的。尽管当用户将鼠标悬停在“寻呼”上时，它会闪烁。 (如显示然后隐藏等)

我想这是因为鼠标不再悬停在“窗口”上。谁能建议我如何让“寻呼”保持显示？谢谢您的帮助! :)

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

Answer 1

您可以使用.stop()此处并将两者包含在您的 .hover() 中选择器，如下所示:

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

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