jqueryshopifyeasinguncaught-exception

jQuery Easing Undefined function


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

Solution

  • 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.