带有toastr的重复图标

Question

在toastr消息中，我有几个图标叠加在一起。它看起来是这样的：

​

​

我的代码非常简单，我在Ajax调用后使用toastr：

 success        : function(reponse) {
            $(event.target).next('i').hide();
            if (reponse.retour == 0){
                toastr["success"](reponse.texte_retour);
                } else {
                toastr["error"](reponse.texte_retour);
                }
        }

无论类型如何(错误、信息、警告、成功)，我都有相同的问题。哪里出了问题？

Answer 1

解决此问题的另一种方法是在加载inspinia之前加载toastr css。这样，Inspinia就会用它自己的自定义css覆盖toastr css

Answer 2

问题解决了。

我使用'inspinia框架‘。在它的样式表中已经有一些关于toastr的css声明：

​

​

我注释了这几行代码，现在它工作得很好。不知道这是不是一个“灵感”方面的bug。

Dominique

Answer 3

我也有同样的问题，我检查了我的css的引用链接，我发现我在调用"toastrStyles“css之后又调用了"inspania”css。在调用"toastrStyles“css之前，我先调用了"inspania”css，这对我很有效。