jQuery一些缓和不起作用

Question

我正在使用以下代码为我的导航栏设置动画：

$(".sidenav").animate({marginLeft: "0px"}, 800, 'easeOutElastic', function() {});

不幸的是，easeOutElastic似乎不起作用。错误控制台显示以下日志：

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

与'easeOutExpo'

等其他一些优惠相同

但是，linear有效。

Answer 1

线性缓动内置于jQuery中，但您需要包含jQuery UI以获得更高级的缓动效果。 http://api.jqueryui.com/easings/

Answer 2

如前所述，您必须使用jQuery UI。您还可以使用this插件