如何确保不同严重程度的烤面包机显示不同?

How to make sure that different severity Toasters are shown differently?

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

问题是,如果用户先收到失败通知,在它消失之前,还会有成功通知。发生的事情是成功通知的消息被附加到烤面包机中,成功通知的样式(或最后一个)被应用到整个 toasterClip。

Initial state of Toaster

Final state of Toaster, Actual and Expected

怎样才能达到预期的效果?

我建议使用下面的 Toaster( growler ) ,它基于 bootstrap css

易于使用且风格很棒:

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

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