使用jquery进行动画制作时获取fx的状态

时间:2013-10-25 17:43:27

标签: jquery jquery-animate

我正在制作一个元素

$('div').animate({
    "right" : "0px",
    "left"  : "200px"
},
{
    duration: 1000,
    step: function(now, fx) {
        if ( ? ) { // animation progress is 70% done or more
            if (!$item2.is(':animated')) {
                $item2.animate({width: 500}, 1000);
            }
        }
    }
});

如何在步骤中访问fx上的进度状态?

编辑

或者这也可以完成工作

我如何在每个now设置left动态step的{​​{1}}的console.log()?

1 个答案:

答案 0 :(得分:2)

一个小技巧怎么样?

JSFiddle

$('div').animate({
    "right" : "0px",
    "left"  : "200px"
},
{
    duration: 1000,
    step: function(now, fx) {
        if ( fx.prop=='left' ) { 
            console.log(fx.now);
        }
    }
});