如何确保不同的严重性烤面包机显示不同？

Question

上下文：我正在使用dojox.Widget.Toaster在我的页面中显示通知。有两种类型的通知，一种用于成功，另一种用于失败。两者都有不同的CSS样式。

问题在于，如果用户首先获得失败通知并且在消失之前，也会有成功通知。发生的事情是成功通知的消息被附加在烤面包机中，成功通知的样式（或最后一个）应用于整个toasterClip。

Initial state of Toaster

Final state of Toaster, Actual and Expected

如何达到预期效果？

Answer 1

我建议使用以下Toaster（咆哮者），它基于bootstrap css

易于使用且风格很棒：

git repo / Doc = https://github.com/DavidSpriggs/growler-widget-js

demo = http://davidspriggs.github.io/growler-widget-js/sample/