Error: Syntax error, unrecognized expression: unsupported pseudo: hover

Question

I'm summarizing my key problem here.

I've the different links on which I want to check if the user moves the mouse outside the list or not.

$('li').hover(function(){
    //do something here
},function(){
    setTimeout(function(){
            if($('li').is(':hover') === false )
            console.log('out');
        },100);
});

Where, if($('li').is(':hover') === false ) is to check if the hover is there or not in all lists.

Suppose, if you hover on bar and hover on foo then it should not log the text out but if you hover on bar and move mouse outside any list i.e. foo in my example then it should log out

jsfiddle

That error message looks like $('li') returns empty list. Did you have any 'li' elements in your DOM? — maciek
– maciek, Commented Jan 26, 2015 at 21:19
Oops, sorry, didn't spot it earlier... So, I've looked there and I don't know what's the cause of the error. :( — maciek
– maciek, Commented Jan 27, 2015 at 21:36

cjquinn · Accepted Answer · 2015-08-11 17:16:30Z

7

I'm not sure why you are getting that error but you could use this if statement instead to check for hover.

if ($('li:hover').length === 0)

edited Aug 11, 2015 at 17:16

answered Aug 28, 2014 at 9:25

cjquinn

7493 silver badges14 bronze badges

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

1 Comment

espretto Over a year ago

jQuery's selector engine Sizzle does not seem to support pseudo selector :hover and will raise above mentioned error "unsupported pseudo".

Collectives™ on Stack Overflow

Error: Syntax error, unrecognized expression: unsupported pseudo: hover

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related