jquery animate不使用除线性之外的缓动

Question

我写过jquery来动画一个div，如果我没有提到任何缓和效果，或者如果我提到'线性'但我想要'easeInOutBack'在这里放松效果并且无法理解出了什么问题

希望有人告诉我在哪里错过了什么。

如果可能的话，请用简单的语言提供解决方案，因为我是jQuery的新手。 :)：|

$(document).ready(function (e) {
    $('div.button').on('click', function () {
        $('div.box').animate({
            marginLeft: 200
        }, {
            duration: 2000,
            easing: 'easeOutBack'
        });
    });
});  

不适合我。

Answer 1

您需要包含该

的jquery UI

来自docs：

  

jQuery库中唯一的缓动实现是默认的，   叫做摇摆，一个以恒定的速度前进，称之为   线性的。使用插件可以获得更多的缓动功能，   最值得注意的是jQuery UI套件。

• http://api.jquery.com/animate/
• http://code.jquery.com/ui/1.10.3/jquery-ui.js

Answer 2

确保包含jQueryUI。

查看这个小提琴，当包含jQueryUI时，它适用于easeInOutBack。

http://jsfiddle.net/AHnDb/