订购.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 
});