Uncaught TypeError: Object #<Object> has no method 'easeOutQuart'

Question

The following code is producing an error, and I am not able to understand what is wrong as it works in jsFiddle.

<html>
    <head>
        <script type="text/javascript" src="/jquery.js"></script>
        <script>
            window.onload = function() {
                $({countValue:0}).animate(
                    {countValue:500},
                    {
                        duration: 5000, /* Time for animation in milliseconds */
                        easing:"easeOutQuart",
                        step: function (value) { /* Fired every "frame" */
                            $('span').html(parseInt(value));
                        }
                    }
                );
            }
        </script>
    </head>

    <body>
        <span></span>
    </body>
</html>

The error I get is:

Uncaught TypeError: Object # has no method 'easeOutQuart'

How can I fix this problem?

This is special animation, it's not shipped by default with jQuery. — dfsq

vborutenko vborutenko · Accepted Answer · 2014-02-03T20:36:47

4

votes

You need to import the jQuery Easing Plugin.

Uncaught TypeError: Object #<Object> has no method 'easeOutQuart'

1 Answers