сообщения toastr не отображаются в IE

В firefox это прекрасно работает — отображается всплывающее окно (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!'); }
            });

toastr
person user1202839    schedule 20.02.2013    source источник

Ответы (4)


arrow_upward
0
arrow_downward

Меня устраивает. Вы связались с toastr и css? Я только что попробовал этот образец, но передал {} для данных (поскольку у меня нет вашего собственного объекта). Меня устраивает. Смотрите jsbin здесь:

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

person John Papa    schedule 25.02.2013

arrow_upward
0
arrow_downward

На самом деле у меня была такая же проблема, когда тосты не отображались в IE. В моем случае проблема была в том, что CSS не загружался. В IE я проверил HTML и увидел, что разметка для оповещения есть, но для нее нет стилей. Мое приложение было приложением .NET MVC, и после небольшого тестирования я сузил его до IE, по-видимому, не любящего, чтобы мой файл toastr.css был связан с другими файлами. Как только я вытащил таблицу стилей в отдельный пакет, все заработало. Странный...

person im1dermike    schedule 15.07.2014

arrow_upward
0
arrow_downward

У меня была эта проблема для IE11, для всех других браузеров она работала, я использовал «positionClass»: «toast-bottom-full-width». Что вызвало сильное мерцание в IE. Я просто оставил позицию по умолчанию (не указал positionClass), и теперь проблема исчезла.

person Mike    schedule 11.04.2018

arrow_upward
0
arrow_downward

У меня была та же проблема, что и у @im1dermike. Контейнер тостов отображался в модели DOM, но сам тост не отображался. (Вы можете проверить, является ли это вашим случаем, проверив DOM и найдя текст «toast-container», который есть в контейнере div).

Я пробовал раскомментировать строки полифиллов и все такое, пока не понял, что тост по какой-то причине 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;
  }
}
person letie    schedule 28.01.2020