javascript - 鼠标悬停上的 JQuery

Question

我有一张产品图片，上面有一张“新产品”图片。当我将鼠标放在它上面时，就好像鼠标离开了产品图片一样。

此外，当我鼠标悬停时，出现的 div 不应消失，因为鼠标进入了它。

这是当前的例子: http://jsfiddle.net/euhcc/8/

Answer 1

http://jsfiddle.net/euhcc/9/

我认为您正在寻找的是 mouseleave 而不是 mouseout。

检查更新的 fiddle ，看看这是否是您要找的东西。

在 jQuery 中，mouseleave 检查元素及其后代覆盖的更多“区域”，而不是元素本身。这意味着如果您有一个元素显示在该元素之上(在上下文中:$(this))，并且它是 $(this) 的后代，并且您想要确保功能基于鼠标是否实际位于 $(this) 元素将占据的位置(尽管有其他元素)，则使用 mouseleave。