訂購.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 
});