css媒體查詢不適用於動畫後的jQuery對象

Question

在使用JQuery將對象動畫到其他位置之後，回到原始位置，即使它的值在媒體查詢的css中進行鏈接步。

代碼：

$(".object").animate({ top: "-=85px"}).delay("3000").animate({ top: "285px"}); 

.object { 
    top: 285px; 
} 

應該將此媒體查詢：

.object { 
    top: 50px; 
} 

但是當我通過當新的價值應該被執行，將與285px堅持，因爲它是與窗口最後的動畫值。

是否有像「在動畫之後從該對象中刪除JQuery中所有添加的值並再次使用來自css的給定值再次粘貼」的命令？

由於這是一個動畫，我不能使用CSS類來做一個解決方法。

Answer 1

只需卸下top屬性在動畫完成後：

$(".object").animate({ top: "-=85px"}).delay(3000).animate({ top: "285px"}, { 
    complete: function() { 
     $(this).css('top', ''); 
    } 
});