jquery在悬停时显示元素答案

【问题标题】：jquery showing elements on hoverjquery在悬停时显示元素
【发布时间】：2011-10-02 06:53:54
【问题描述】：

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

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

【问题讨论】：

标签： jquery

【解决方案1】：

试试：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

假设这是一个错字，OP 已经说过他的代码工作正常，但不完全是他想要的。如果他的代码中有这个错误，那它根本就不起作用。