命令.css和.animate脚本的顺序

Question

我有一个脚本可以向右移动div并改变宽度 - 但是我无法控制效果触发的顺序。

这是脚本：

$(document).ready(function() {
    $('#access').click(function(){                    
        $('#active').animate({right:"6px"}, 400);
        $('#active').css({width:"60px"});
    });
}); 

现在发生的是#active更改宽度，然后向右移动。我希望在动画期间（理想情况下）或至少在完成向右移动之后发生宽度变化。

Answer 1

尝试：

$('#active').animate({right: "6px", width: "60px"}, 400);

向右移动后改变宽度：

$('#active').animate({right: "6px"}, 400, function(){
  $('#active').css({width: "60px"}); // without animation
  // or
  $('#active').animate({width: "60px"}); // with animation
});