Uncaught Error: Syntax error, unrecognized expression: hover

Question

Here is the JSFidle to the problem: http://jsfiddle.net/LRTh3/36/

$('div.boxes').mousedown(function (event) {

    // Error on this line
    var inner_box = $(".box").is(":hover");

    if ( inner_box == true ) {

        alert("blue,gree,pink was clicked");
    }

    else alert("You mousedowned on the red box");

});

console: Uncaught Error: Syntax error, unrecognized expression: hover

Works if only one ".box" layer is presented. Is this a bug? How would I fix this?

Todd Murray · Accepted Answer · 2012-05-22 14:45:21Z

1

$('div.boxes').mousedown(function (event) {

// Error on this line
var $target = $(event.target);    
if (  $target.is(".box")) {

    alert("blue,gree,pink was clicked");
}

else alert("You mousedowned on the red box");


});

I lifted it from jQuery API doc

answered May 22, 2012 at 14:45

Todd Murray

4232 silver badges7 bronze badges

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

1 Comment

pie6k Over a year ago

You should explain what was wrong here. I needed some time to figure out what is what here even when I've got same problem. Sorry, but -1

Collectives™ on Stack Overflow

Uncaught Error: Syntax error, unrecognized expression: hover

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related