如何檢查動畫是否在其他動畫回調函數內完成？

$("#IMAGE1").animate({"left": "+=1050px", queue: false}, "slow", function() 
{ 
    // Want this to happen when the image2 animation is completed as well. 
    $("#IMAGE1").css('left', $('#IMAGE2').position().left); 
} 

$("#IMAGE2").animate({"left": "+=1050px", queue: false}, "slow");

如何在image1.animation的回調函數體內完成image2.animation的檢查？如何檢查動畫是否在其他動畫回調函數內完成？

來源

2012-10-23 user1534664

爲什麼不在動畫回調中調用image2動畫1 –

您有語法錯誤。你第一次調用'.animate（）'沒有關閉。另外，你不需要重新查詢DOM，你可以在回調中使用'$（this）'。 – ahren

@ Sushanth--我正在製作一個滑塊，並且我需要兩張圖像同時進行動畫製作。 – user1534664

您可以使用:animated選擇：

if ($('#IMAGE1').is(':animated')) { 
    // it's animating... 
}

參考文獻：

:animated selector。

來源

2012-10-23 22:27:31

你確定這可以嗎？我正在測試它在我的jQuery的滑塊，我提醒image2的x位置，而不是我的期望.. – user1534664

我解決了我的問題，只是重置x位置爲0，但它的便宜在我看來，但它會現在就夠了。謝謝你的努力：） – user1534664

如何檢查動畫是否在其他動畫回調函數內完成？

回答

相關問題