“TypeError: jQuery.easing[this.easing] is not a function” in jQuery 1.9.1

Question

For the first time in too many months (blush), I upgraded my jQuery stuff. I\'m now on:

• jquery-1.9.1.js
• jquery-ui-1.10.2.custom.js (used ThemeRoller,

Answer 1

This error could happen in various animations throughout your site when first upgrading to jQuery 1.9.+ because the easing effect names have changed !!!

See http://api.jqueryui.com/easings/ What doesn't help is that the old examples in the jQueryUI.com site havent been updated, leading folks to think that the old animate example names are correct.

Example: accordion panels "bounceslide" animation is now a close version of something called 'easeOutBounce'. The string "bounceslide" is still in the sites' example as of this writing: http://api.jqueryui.com/accordion/#option-animate.

I only realised the animation names had changed after following the hyperlink mentioned in the animate types and trying the new names out within my code.