Home > Javascript, jQuery > e.animatedProperties is undefined

e.animatedProperties is undefined


recently got the run around trying to fix a javascript/jquery bug.
the reported error is one of the following two errors:

f.easing[e.animatedProperties[this.prop]] is not a function

or

c.easing[this.options.specialEasing && this.options.specialEasing[this.prop] || a] is not a function
Read more to find out how I fixed it…

A problem with jQuery Easing Plugin

Either of these errors occur when a newer version of jquery and jquery.easing is used with an older version of the call to animate.easing.

Some people are calling it a bug in jquery, but truthfully its a problem with the easing plugin. Usually you’ll see it when you update to newer versions of jquery or jquery.easing.js from an older version.
f.easing error is when you are using jquery 1.6.2 or newer
c.easing error is when you are using jquery 1.4.2

Even though the error occurs in your jquery file (jquery-latest-pack.js, or equivalent), the actual bad code will be located wherever you called the “animate” function.

If you are experiencing this problem, do a search in your javascript calls on page or in your .js files for the text “easeout” or “easein” or “easeinout”. For the fix, these should be changed to “easeOutQuad” and “easeInQuad” or “easeInOutQuad”.

Please note, these should be in your own, user generated javascript files. No changes need to be made to your jquery.js file or to jquery.easing.js, only in how you are using them.

Why is this happening?

The easing plugin has been updated and changed, and that’s why you are experiencing this error.  The newest version of the jquery.easing plugin does not use those old keywords anymore, so they should be changed.  So basically, the easing library was planned poorly.  Wishing for backwards compatibility anyone?

 

 

About these ads
Categories: Javascript, jQuery
  1. November 18, 2011 at 5:14 am | #1

    I’ve had this same problem uisng a commercial theme… and nothing that I can do has helped. Your suggestions haven’t made a difference unfortulatey, so I’m sure there’s more to it then just this. I searched the entire source code and there was no reference to ‘quad’ anywhere in it, so I don’t believe that makes any difference in the verions of jQuery (1.6.1) and easing (1.1) that I’m using (which are the standard WordPress ones).

  2. May 8, 2012 at 7:39 pm | #2

    This fixed it for me, though there is a compatability.js file that removes the need to make the changes at all. http://gsgd.co.uk/sandbox/jquery/easing/

    Hope that helps someone

  3. Chad
    September 6, 2012 at 7:49 pm | #3

    Fantastic! Thank you for the help. Worked great.

  4. dafabian
    October 26, 2012 at 2:32 pm | #4

    Thanks, problem solved!

  5. March 10, 2013 at 3:57 am | #5

    Did not help. I am having much weirder errors. I wrapped my easing.js and use compatibility and now it works half way.

    Uncaught TypeError: Object # has no method ‘easeInQuad’ jquery-1.9.1.min.js:5

    All js are added to the head and still cannot work. In case anyone wonders what it is:

    mondomens.com (the bottom left slider.

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

Join 596 other followers

%d bloggers like this: