jQuery-如何防止双重动画的动画队列累积？

我在这里查看了本教程，以防止动画生成：

我的情况： 我正在做下面这样的双动画，并希望防止动画建立。因为我有两个动画，它似乎忽略了。停止。可以采取什么措施来防止这种情况？我试过了。两个都停止。设置动画，如果我这样做，它将停止设置动画

$(document).ready(function() {
$('#element').hover(function() {
    $(this).stop()
        .animate(
            { left: 200 }, {
                duration: 'slow',
            })
        .animate(
            { top: 200 }, {
                duration: 'slow',
            });
} , function() {
    $(this).stop()
        .animate(
            { left: 0 }, {
                duration: 'slow',
            })
        .animate(
            { top: 0 }, {
                duration: 'slow',
            });
});

})

任何帮助都是非常值得的

使用：

$(this).stop(true);

发件人：

停止当前正在运行的所有 在所有指定的 元素

注意：如您所经历的，当前正在运行的未排队。为此，请提供以下参数：

布尔值true/false，设置时 若为true，则清除动画队列， 有效地停止所有排队 动画

您还可以提供第二个参数，该参数将作为动画完成的快捷方式，而不是在有帮助的情况下取消该参数。

您应该使用该参数，该参数不会破坏布局

clearQueue (Optional) Boolean