SweetAlert не отображается в модале - PullRequest
Новая
       40

SweetAlert не отображается в модале

0 голосов
/ 30 января 2020

Я пытаюсь использовать SweetAlerts в моем. Net Базовом проекте, и он не работает должным образом. Из их документации не похоже, что вам нужно определить модальный режим или место, где он появляется. Однако, когда я его использую, он никогда не всплывает в модальном режиме, а будет отображаться в нижнем левом углу моего экрана под всем.

enter image description here

I попытался переместить его полностью к макету моего приложения, чтобы увидеть, вызывали ли слои проблемы, но независимо от того, куда я поместил код, он всегда заканчивается в левом нижнем углу.

Вот фрагмент кода мой код. 

@RenderBody()

<button id="testbutton">TEST</button>
<script src="~/lib/sweetalert/dist/sweetalert.min.js"></script>
<script>
    var SweetAlert = function () { };

    //examples
    SweetAlert.prototype.init = function () {

        //Parameter
        $('#testbutton').on('click', function (e) {
            swal({
                title: "Are you sure?",
                text: "You will not be able to recover this imaginary file!",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#f0c541",
                confirmButtonText: "Yes, delete it!",
                cancelButtonText: "No, cancel plx!",
                closeOnConfirm: false,
                closeOnCancel: false
            }, function (isConfirm) {
                if (isConfirm) {
                    swal("Deleted!", "Your imaginary file has been deleted.", "success");
                } else {
                    swal("Cancelled", "Your imaginary file is safe :)", "error");
                }
            });
            return false;
        });
    }

    $.SweetAlert = new SweetAlert, $.SweetAlert.Constructor = SweetAlert;

    $.SweetAlert.init();
</script>

1 Ответ

1 голос
/ 30 января 2020

Похоже, вы не загрузили файл css с предупреждением о поте, или, если это не проблема, проверьте свои собственные стили css и посмотрите причину конфликта.

...