jquery在悬停上显示元素

Question

我在页面上有很多div（myDiv）。当用户将鼠标悬停在其中一个div上时，我想：稍微延迟后，在顶部显示另一个div（myPop）。几乎像工具提示。下面的代码并没有完全做到这一点。如果用户将鼠标移动到多个myDivs上，那么您可以等待并查看所有myPops fadein。我真的想完全隐藏用户以前导致fadeIn的所有myPops。因为你最终会显示所有这些myPops的尾随效果。

   $(".myDiv").hover(function () {
    $(this).find(".myPop").fadeIn('slow');
}, function () {
    $(this).find(".myPop").fadeOut('fast');
}
});

Answer 1

尝试：

$(".myDiv").hover(function () {
    $(".myPop").stop();
    $(this).find(".myPop").fadeIn('slow');
}, function () {
    $(this).find(".myPop").fadeOut('fast');
});

Answer 2

你有一个语法错误，你有第二个函数的额外}，这应该工作：

$(".myDiv").hover(function () {
    $(this).find(".myPop").fadeIn('slow');
}, function () {
    $(this).find(".myPop").fadeOut('fast');
});