JQuery Easing Плагин не работает

Question

Не могу заставить этот плагин JQuery замедления работать! Я видел это на http://easings.net/ и у меня есть скрипка на http://jsfiddle.net/XqqtN/ с моим кодом

Я новичок в этом, пожалуйста, помогите!

$("#coolDiv").animate({'top':'-300px'},600,'easeOutBack',function(){ $(this).css({'top':'310px'});

Answer 1

Использование плагина jQuery easing должно работать:

#coolDiv {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    background: yellow;
}

<div id="coolDiv">cool</div>

var left = $('#coolDiv').offset().left;

$("#coolDiv").css({left:left}).animate({"left":"0px"}, { duration: 1500, easing: "easeOutBack" });

Обратите внимание, что основным отличием является добавление { duration: 1500, easing: "easeOutBack" } к функции анимации.

скрипка