我該如何為一個元素設置動畫，並且在完成之前不要繼續？

Question

我只想在紙牌游戲中對元素進行動畫處理，但是問題是當我使用動畫功能時，代碼會繼續運行。 我嘗試了promise()和done()函數，但是由於某種原因，它沒有幫助。

這是我所做的：

$(document).ready( function() {

    $(".demoCard").animate({
        "margin-top": '-150'
    }, 1000, "easeInSine", function() {
        $(".demoCard").remove();
    });
});

Answer 1

根據api文檔。 您的回調是正確的。 嘗試更新您的jQuery api。 也許您使用的是過時的版本。 如果這樣不起作用，請嘗試刪除緩動參數。 jQuery可能正在嘗試將easing參數用作回調函數。 如果需要放松，請確保已安裝並加載了jQuery UI。 否則，jQuery將無法識別緩動，並嘗試使用easeInOutSine作為回調函數。