jQuery hover not triggered when element is programatically moved under the mouse

Question

I have an image with a hover effect (higher opacity when mouse is over it). It works as desired when the mouse moves in and out.

However, the image itself is moving

Answer 1

You could manually test to see if the mouse is in the image when you move the image then fire the desired event.

Mouse position using jQuery outside of events will show you how to keep track of the mouse position. Then just find the offset of the image and see if it's inside the image.