jQuery Easing Undefined function

Question

I recently migrated an update of a store onto a shopify server. After doing so a few jquery issues occured even though it was working on the developement server. They fail to work with the error

Uncaught TypeError: undefined is not a function - Jquery Easing`

Im struggling to debug this as it worked on my other server. How would I go about debuging this?

The issue can be seen here by hovering over the image and seeing the warning in the console

http://thebrotique.co.uk/products/original-beard-oils

Answer 1

If you dig into the console error it you'll be able to start debugging.

It is occurring in your jQuery.easing code: jquery.easing.1.3.js:46

swing: function (x, t, b, c, d) {
    //alert(jQuery.easing.default);
    return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
}
//jQuery.easing.def is undefined

It's expecting some default value. If you define jQuery.easing.def to a valid value like "easeOutQuad" it will start working.