JQuery почему не работает hover при анимации?

Question

[Олег Савватеев]

Всем привет. У меня возникла следующая проблема. Допустим есть несколько блоков расположенных в ряд, как в этом примере jsfiddle.net/m4QUk/embedded/result При наведении указателя мыши на блок, он выделяется синей рамкой (при момощи события hover и присвоения ему соответствующего класса). Теперь, попробуйте кликнуть на последнем квадратике. Запустится анимация, вся эта конструкция начнет перемещаться вправо вдоль курсора. Но событие hover для блоков наступать не будет. Правильно работает только в firefox. Может кто знает как с этим бороться?

Comments

[TheAlien]

Хром 18.0.1025.151 Ubuntu 10.10,
Opera 12 (на той же Убунте)
Полет нормальный, квадратики поехали, я на ходу навожу, синяя рамка появляется.
А у вас на чем не работает?

[Олег Савватеев]

Не работает, если квадраты двигаются вдоль неподвижного курсора.

Answer 1

[Анатолий]

Технически ховер не происходит, вы мышью недвигали, ховер происходит при движении мыши а не при подходе элемента под мышь.

Answer 2

[karenishe]

mouseenter и mouseleave тоже не поможет.
Можно setTimeout() использовать и сопоставлять координаты мышки и объекта.