jQuery的.prepend行爲會我的動畫循環中的怪異

Question

如果您查看以下鏈接爲我的工作例如：

http://jsfiddle.net/xavi3r/Cd8cV/

你可以看到，當prepend()被調用的定位動畫和訂單中丟失在哪些元素放置似乎扭曲; （檢查HTML以查看輸出）;

$('#container .animateMe').prepend($('#container .animateMe .copy ').clone().removeClass('copy').removeClass('active'));

Answer 1

我有一個解決方案，但它並沒有解決問題的前置。如果在動畫仍在發生時單擊任何按鈕，則正方形會偏移。

這是一個編輯，點擊事件在動畫發生時變爲未綁定到您的左右按鈕。這會阻止另一個動畫同時運行，並且正方形不會被抵消。該事件在動畫回調結束時被重新綁定。

檢查出來：

http://jsfiddle.net/SxFPc/

我已經合併的左，右鍵的方法到一個單一的處理程序，因爲他們從位置偏移做同樣的事情，除了。