在动画期间接收当前宽度

Question

我想知道宽度动画期间的当前宽度。如何记录当前宽度，我需要它来调整另一个元素。

js fiddle

jquery的

$( "#box" ).animate({
        width:400
    }, 600 );

console.log(currentWidth);

Answer 1

使用step功能：

$("#box").animate({
    width: 400
}, {
    duration: 600,
    step: function (now, fx) {
      // console.log(now)
    }
});

http://jsfiddle.net/Z74LR/4/

Answer 2

您可以使用回调：

$( "#box" ).animate({
    width:400
}, 600,function(){
    console.log($(this).width());
});