Sweetalert не работает на IE 11, работает на FireFox, Chrome - PullRequest
Новая
       11

Sweetalert не работает на IE 11, работает на FireFox, Chrome

0 голосов
/ 31 октября 2018

У меня действительно странная проблема с Sweetalert2, когда я пытаюсь запустить его из IE, я ничего не показывал. Я прочитал на сайте SA, чтобы добавить полифилл, но это не решает проблему.

Странно то, что если я попробую демо-сайт sweealert, то это сработает. Когда я пытаюсь вызвать из консоли IE swal ('ok'), я получаю следующий вывод, который выглядит как содержимое класса вместо exection

Вот мой код (я переопределил предупреждение) 

<script type="text/javascript">
    alert = function (msg, title, type) {
        if (type == null)
            type = 'error';
        if (title == null)
            title = 'Attenzione';

        swal({
            title: title,
            text: msg,
            type: type,
            confirmButtonText: 'Ok'
        });
    }

    function ShowToastr(message) {
        swal({
            position: 'top-end',
            type: 'success',
            title: message ? message : 'Operazione completata con successo',
            showConfirmButton: false,
            timer: 1500
        });
    }
</script>

Внутри _Layout.cshtml, который находится в разделе head 

 <script src="https://cdn.jsdelivr.net/npm/sweetalert2@7.28.11/dist/sweetalert2.all.min.js"></script>

<!-- Include a polyfill for ES6 Promises (optional) for IE11, UC Browser and Android browser support -->
<script src="https://cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.js"></script>

И вот что я вижу, когда пытаюсь запустить его из консоли

enter image description here enter image description here

Спасибо

Ответы [ 2 ]

0 голосов
/ 31 октября 2018

https://github.com/t4t5/sweetalert/issues/69

на cdn, который вы запрашиваете более старую версию без этой фиксации

0 голосов
/ 31 октября 2018

вы пытаетесь обновить конфигурацию sweetAlert. чтобы сделать это, вы должны использовать mixin

как это: 

  const toast = swal.mixin({
  toast: true,
  position: 'top-end',
  showConfirmButton: false,
  timer: 3000
});

toast({
  type: 'success',
  title: 'Signed in successfully'
})

проверьте ссылку на документацию, пожалуйста, для более подробной информации: Конфигурация подсластителя

...