Question

在firefox中，这很有效 - toastr（https://github.com/CodeSeven/toastr）显示成功和错误消息。在IE中，没有错误，并且不显示消息。我是如何调用toastr方法的？

    $.ajax({
                url: '/api/emailtemplate/',
                type: 'POST',
                data: ko.toJSON(self),
                contentType: 'application/json',
                //dataType: 'json',
                success: function (result) {
                    toastr.success('Template was saved successfully!');

                },
                error: function () { toastr.error('Template was not saved.', 'Template         error!'); }
            });

Answer 1

它对我有用。你有链接到toastr和css吗？我只是尝试了这个样本，但传递了{}的数据（正弦我没有你的自我对象）。这个对我有用。请参见jsbin：

http://jsbin.com/uqudid/1/

Answer 2

我实际上遇到了同样的问题，即在IE中没有显示toast。在我的情况下，问题实际上是关于CSS没有加载。在IE中，我检查了HTML并且可以看到警报的标记存在，但是没有样式。我的应用程序是一个.NET MVC应用程序，经过一些测试，我把它缩小到IE似乎不喜欢我的toastr.css文件与其他文件捆绑在一起。一旦我将样式表拉到自己的捆绑包中，一切正常。奇怪...

Answer 3

对于IE11，我遇到了这个问题，对于它运行的所有其他浏览器，我正在使用＆＃34; positionClass＆＃34;：＆＃34; toast-bottom-full-width＆＃34;。这导致了IE的主要闪烁。我只是把这个位置作为默认位置（没有指定positionClass），现在问题就消失了。

Answer 4

我和@ im1dermike有相同的问题。在DOM中显示了Toast容器，但未显示Toast本身。（您可以检查案例，检查DOM并查找容器div包含的文本“ toast-container”。）

我尝试取消对polyfills线和所有内容的注释，直到我意识到由于某些原因IE将吐司设置为属性“ display：none”。

对我有用的就是将其添加到我的styles.scss中：

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */

    .toast {
      display: block !important;
    }
}

@supports (-ms-accelerator:true) {


/* IE Edge 12+ CSS styles go here */ 

  .toast {
    display: block !important;
  }
}

toastr消息不在IE中显示

4 个答案: