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的“{1}}上覆盖”部分内容 - 所以每当我将鼠标移到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/

Sic甚至可以在商业上自由使用，因此不应该是一个很大的显示阻止。 Theres目前在版本（1.2）中使用了fancybox（图像查看器）的一个小问题但它将被修复..（我们不支持ie6，所以如果你想要那个...... SIC不是要走的路。它可能在某种程度上工作？但我们真的不知道或不关心。）