Using jquery on and hover events

Question

I have the following code, which causes an error below. How do I use JQuery on with hover correctly?

The code:

// Hover on the view filters
$('body').on('hover', '#viewfilter', function(event)
{
    $('#filterblock').show();
},
function(event)
{
    $('#filterblock').hide();
});

There is no error but the show part doesn't seem to be firing.

Not *exactly* a duplicate of that, but close enough to be answered by it. — Orbling, Aug 06 '13 at 19:29
What version of jQuery is that? This is using 1.7.2 works fine http://jsfiddle.net/bambattajb/w2CeM/1/ — Joe Buckle, Aug 06 '13 at 19:45
You can't possibly be calling for multiple "viewfilters" using an ID. ID's cannot be re-used. Also, whoever downvoted please explain. — , Aug 06 '13 at 19:58

score 1 · Accepted Answer · edited May 23 '17 at 11:56

1

You code looks ok, you can see the demo Joe Buckle fixed with your code.

Your error must be in some other part of the code.

The only suggestion I have is that you use mouseenter instead, you can read here about it.

edited May 23 '17 at 11:56

Community

1
1

answered Aug 06 '13 at 20:17

Sergio

28,539
11
85
132

score 0 · Answer 2 · answered Aug 06 '13 at 19:57

You've tried to add the eventListener to multiple "view filters" using '#viewfilter'.

This isn't possible because # is the selector for ID's. You can use a className and then call it using '.viewfilters'. This is probably the issue, but without more code it's impossible to be sure.

Using jquery on and hover events

2 Answers2