Обнаружение оставления скрытого элемента - Jquery

Question

На данный момент у меня есть изображение, и когда пользователь наводит на него курсор мыши, используя Jquery, я помещаю прозрачный div поверх изображения.Проблема в том, что это запускает событие mouseout.Я хочу, чтобы прозрачный div исчезал при наведении курсора мыши на изображение.Каков наилучший способ обнаружить это, если изображение покрыто прозрачным div?Надеюсь, в этом был хоть какой-то смысл.

Answer 1

Предполагая, что элемент div имеет тот же размер, что и изображение, вы можете скрыть его в собственном событии mouseout элемента div.

Answer 2

Вместо этого добавьте прослушиватель mouseOut в div.

Answer 3

Проверьте mouseenter, а не mouseleave.Если вы обернете изображение и прозрачный div внутри содержащего div, а затем поищете mouseenter в этом div, вы получите желаемое поведение.Поведение Mouseenter всплывает через дочерние элементы и звучит как именно то, что вам нужно.

Mouseenter с сайта jQuery API

Answer 4

Для этого трюка доступны некоторые плагины (подписи при наведении курсора мыши), например:

http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/

http://www.chazzuka.com/blog/?p=138