jQuery.animate（）不能正確地完成第一個動畫

Question

我遇到了一個我正在寫的幻燈片的問題。問題是我有一個動畫，每次幻燈片更改時都會運行。它每次都能正常工作，但第一次沒有動畫就改變了。

減少問題，它是這樣的：http://jsfiddle.net/pyriku/XYLCH/。這些街區應該緩慢移動，但每個街區首次移動時，它確實無影無蹤。

有沒有人知道發生了什麼？謝謝！

Answer 1

它與第一個選定的正方形有關，它的top屬性由CSS選擇器設置。看看這個小提琴：http://jsfiddle.net/XYLCH/2/

我刪除了您的CSS中的.selected選擇器，並將style="top: 50px;"作爲屬性添加到第一個div。我還將top: 10px添加到CSS中的.squares選擇器，以防止正方形在第一次跳過時跳躍。

問題是：您正在將.selected類添加到即將移動的方塊，該方塊將top屬性設置爲50px。然後嘗試將其製作爲top: 50px，但由於添加了.selected類，因此它已經存在。