jquery fadeOut()多次使用相同的元素

Question

我有以下代码,当事情发生时通知用户:

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

它第一次工作得很好,但是当然,元素仍然设置为隐藏并具有相同的文本.因此,当用户再次触发它时,没有任何反应.我已经尝试立即将html()设置为空并显示它,但这会立即发生,所以你永远不会看到文本.我想我可以在打开编辑对话框时让它"重置",但我确信有人可以通过简单的方法解决这个问题.

Answer 1

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

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);