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
});

Edit:

Правильно .. Итак, я уже делал что-то подобное раньше ... Это действительно продолжающийся проект.

Mouseleave это то, что на самом деле решает это. У меня была похожая проблема с моим проектом, потому что я использовал mouseout, который постоянно сбрасывал мяч.

http://jsfiddle.net/SaPcE/ здесь вы должны заметить, что mouseleave не сбрасывает функцию mouseenter Но если вы измените mouseleave на mouseout, это произойдет.

Так что ... у тебя не должно быть проблемы, это то, о чем я говорю.

---

Поскольку я думаю, что вы делаете что-то очень похожее на мой проект и проект моих друзей, вы можете проверить это http://photoshopmesta.net/sic/theTest/

А это основной сайт http://photoshopmesta.net/sic/

SIC может свободно использоваться даже в коммерческих целях, так что это не должно быть большой выставочной заглушкой. В настоящее время в версии (1.2) есть небольшая проблема с хромом в fancybox (просмотрщике изображений), который он использует, но он будет исправлен .. (Мы не поддерживаем ie6, так что, если вы хотите, чтобы ... SIC - не тот путь. работать в ie6 .. несколько? но мы на самом деле не знаем или не заботимся.)