CODEWITHSUNDEEP
javascriptjqueryanimation
Standard
Standard

Reputation: 1512

Creating a pulsating circle

I found a jsfiddle with a working pulsating circle (jQuery 1.8.5 edge)

My code is excactly the same.

function addCircle() {
        //var rad = $(window).width();
        var $circle = $('<div class="circle"></div>');
        $circle.animate({
            'width': '300px',
            'height': '300px',
            'margin-top': '-150px',
            'margin-left': '-150px',
            'opacity': '0'
        }, 4000, 'easeOutCirc');
        $('body').append($circle);

        setTimeout(function __remove() {
            $circle.remove();
        }, 4000);
    }
    addCircle();
    setInterval(addCircle, 1200);

It does not work with jQuery 1.11.x The console error is simply:

jquery.min.js:4 Uncaught TypeError: undefined is not a function

The same jsfiddle with the latest jquery (1.11.0)

What do I have to change? Thanks!

Upvotes: 0

Views: 2003

Answers (1)

adeneo
adeneo

Reputation: 318192

You have to add jQuery UI or a easing library that supports easeOutCirc, jQuery doesn't natively support that easing

FIDDLE

Upvotes: 3

Related Questions