How to fix the jQuery 1.8 “unsupported pseudo” error?

jquery jquery-selectors sizzle gruntjs
Mathias Bynens picture Mathias Bynens · Aug 10, 2012 · Viewed 9.1k times · Source

A plugin I’m using relies on $(':animated'), but since I upgraded to jQuery 1.8.0 this throws an error:

Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: animated

Did jQuery 1.8.0 drop support for this custom selector as part of its changes in Sizzle? How do I fix this?

Answer

Mathias Bynens picture Mathias Bynens · Aug 10, 2012

Don’t worry, jQuery 1.8.0 still supports the custom $(':animated') selector.

However, contrary to what you might expect, it’s not part of Sizzle (jQuery’s selector engine). If you’re using a custom build, make sure you don’t exclude the effects module, which defines the :animated selector.

For example, if you were creating a custom jQuery build using this command before:

grunt custom:-ajax,-deprecated,-effects

You’ll need to remove the -effects part, like this:

grunt custom:-ajax,-deprecated

Else the :animated selector won’t be supported.

Related questions

Wildcards in jQuery selectors

I'm trying to use a wildcard to get the id of all the elements whose id begin with "jander". I tried $('#jander*'), $('#jander%') but it doesn't work.. I know I can use classes of the elements …

Read More
Get iframe contents with a jquery selector

Is there anyway to access an iframe's contents via a selector? Something like this: $("iframe::contents .my-foo") I'm constantly accessing an iframe's contents for a project I'm currently working on and $("iframe").contents().find(".my-foo") is becoming a bit tedious …

Read More
Set select option 'selected', by value

I have a select field with some options in it. Now I need to select one of those options with jQuery. But how can I do that when I only know the value of the option that must be selected? …

Read More