jQuery动画为任何值执行相同的缓动效果

Question

我想用jquery做一个简单的动画，但是它一直在做同样的缓动效果，我无法改变它。

item.animate({
    width: "500px"
},500,"easeInSine");

我的代码很简单。当我触发它时，它开始慢速和快速跳转到结束。 我再次下载了jquery ui库，仔细检查了所有功能是否已被选中。

Answer 1

$( "#mDiv" ).click(function(){
$('#myDiv').animate(
    { opacity: 0 }, // what we are animating
    'fast', // how fast we are animating
    'swing', // the type of easing
    function() { // the callback
        alert('done');
    });
    });

刚刚举了一个例子。希望它满足您的需求

LIVE DEMO

也试试这个

CLOSEST DEMO

Answer 2

您可能错过了jQuery UI库，其中包含您正在尝试的缓动函数：http://jqueryui.com/

Answer 3

问题是我在div上有transition css属性我想要动画。移除后，动画顺利运行。