jquery - jQuery简易插件不起作用

似乎无法使这个jQuery轻松插件正常工作！我在http://easings.net/上看到了它，并且对http://jsfiddle.net/XqqtN/进行了修改

我是新手，请帮忙！

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

最佳答案

使用jQuery easing plugin应该可以：

#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，缓和：“ easeOutBack”}。

Fiddle

关于jquery - jQuery简易插件不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17048677/