Can't trigger 'hover' event with jquery

Question

jQuery's 'hover' trigger doesn't seem to work. My code is simple:

<div id='el'>Content</div>

// does not work
$('#el').on('hover', function() { console.log('is not triggered'); });
$('#el').trigger('hover');

// works for various strings: 'foo', 'click', 'hove', 'keyup', etc.
$('#el').on('foo', function() { console.log('is triggered'); });
$('#el').trigger('foo');

Any handler I bind to this div with .on responds to .trigger except for the 'hover' event. A handler bound with .on('hover', handler) does respond to me manually hovering on the element, but it does not respond to programmatic triggers. I've tested this in both Chrome and Firefox.

Any ideas? Is this a bug in jQuery?

@Tats_innit that works but it doesn't work onload. At least for my browser. — Steven
– Steven, Commented Oct 19, 2012 at 2:27
@Tats_innit: Your demo doesn't work for me, but works when you use the underlying events. — I Hate Lazy
– I Hate Lazy, Commented Oct 19, 2012 at 2:28

I Hate Lazy · Accepted Answer · 2012-10-19 02:27:09Z

7

Trigger the 'mouseenter' or 'mouseleave' events.

The 'hover' syntax is a jQuery shortcut for binding 'mouseenter' and 'mouseleave'.

answered Oct 19, 2012 at 2:27

I Hate Lazy

49k13 gold badges89 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jeeva J Over a year ago

This is not working for the jquery version greater than 1.8

Steven · Accepted Answer · 2012-10-19 02:28:50Z

1

You can't trigger CSS pseudo selectors with jQuery. But you can do anything else, such as create a function and have that triggered.

answered Oct 19, 2012 at 2:28

Steven

14.1k35 gold badges103 silver badges156 bronze badges

Collectives™ on Stack Overflow

Can't trigger 'hover' event with jquery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related