javascript - 同时动画和添加类

Question

我正在尝试为动画添加一个具有 top 和 left 属性的类，但是 div 只是转移到添加的类属性没有动画。

#myClass.move {
    top:100px;
    left:100px; 
}     

目标是让动画在添加类时立即发生，并根据添加类的属性进行动画处理。

var shiftTop = parseInt($(".move").css("top")); 
var shiftLeft = parseInt($(".move").css("left")); 

$("#myClass").addClass("move").animate({top: "-="+shiftTop, left: "-="+shiftLeft}, 1000, function() {});

这可能吗？

Answer 1

使用jQueryUI .

Demo here

$("#myClass").click(function() {
    $(this).addClass("move", 1000);
});​