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

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作为回调函数。