javascript - jquery fadeOut() 多次使用同一元素

Question

我有以下代码，当发生某些情况时通知用户:

window.parent.$(".Toast").html('Successfully Did Something!').fadeOut(9000);

第一次效果很好，但是，当然，该元素仍然设置为隐藏并且具有相同的文本。因此，当用户再次触发它时，什么也不会发生。我尝试立即将 html() 设置为空并显示它，但这会立即发生，因此您永远看不到文本。我想我可以在他们打开编辑对话框时将其“重置”，但我确信有人有一个简单的方法来解决这个问题。

Answer 1

在 .fadeOut() 之前使用 .show():

window.parent.$(".Toast").html('Successfully Did Something!').show().fadeOut(9000);

要取消当前动画，请使用.stop(true, true):

window.parent.$(".Toast").html('Successfully Did Something!').stop(true, true).show().fadeOut(9000);