为已经动画化的元素设置动画

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()。