jquery - 排序 .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
});