如何为元素设置动画并且在完成之前不要继续？

Question

我只想在卡片游戏中为元素设置动画，但问题是当我使用animate函数时代码会继续运行。 我尝试使用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作为回调函数。