Mouseenter Mouseleave问题

Question

以下 html

<div class="a-class">
   <img src="image" alt="" />
   <div class="b-class"></div>
</div>

我正在使用

jQuery('.a-class').mouseleave(function() {
     //blah blah
});

问题是 b-class 的一部分“覆盖”在 a-class 之上 - 所以每次我将鼠标移到上面b-class 的覆盖层 - 它会触发 mouseleave

有什么方法可以让我忽略 b-class 吗？也许想：

jQuery('.a-class').not('.b-class').mouseleave(function() {
         //blah blah
    });

但这不起作用？

Answer 1

如果你想将鼠标悬停在图像上而不是其下面的 div 上..
您应该仅针对图像而不排除某些内容。

jQuery('.a-class img').mouseleave(function() {
     //blah blah
});

编辑：

是的..所以，我以前做过类似的事情..它实际上是正在进行的项目。

Mouseleave 是真正解决这个问题的东西。我的项目也遇到了类似的问题，因为我使用的 mouseout 总是失败。

http://jsfiddle.net/SaPcE/ 这里你应该注意到 mouseleave 不删除 mouseenter 函数，但是如果将 mouseleave 更改为 mouseout，就会发生这种情况。

所以..我猜你不应该有问题。

---

因为我认为您可能正在做一些与我和我朋友的项目非常相似的事情，您可能想查看一下 http: //photoshopmesta.net/sic/theTest/

这是主站点 http://photoshopmesta.net/原文如此/

Sic 甚至可以在商业上免费使用，因此这不应该成为一个大问题。目前在版本（1.2）中，它使用的 fancybox（图像查看器）有一个小 chrome 问题，但它将被修复..（我们不支持 ie6，所以如果你想要的话.. SIC 不是可行的方法。它可能在 ie6 中工作......有点？但我们真的不知道或关心）。