javascript - 动画一个已经被动画的元素

Question

我有一个 jQuery 动画，气泡从屏幕底部升起，同时从 0 不透明度变为 100 不透明度。

我想制作另一个功能，如果单击它会导致气泡消失。

这会导致问题吗？我应该在第二个函数中引用第一个函数并命令它停止吗？如果是这样，您可以发布停止正在发生的动画功能的代码示例。

Answer 1

$("elements").stop();
$("elements").animate( ... );

Answer 2

一点伪代码：

$("#bubble").animate({
    top: 0,
    opacity: 1
}, 2000);

$("#bubble").on('click', function() {
     $(this).stop(true, true).hide();
});

要停止动画元素，只需使用stop()，并隐藏它，您可以使用hide()。