Question

我想将sweetalert与我的项目集成。但出现以下错误。

这是我的html代码

<script type="text/javascript">

    $('.bank').on('click', function (e) {

        e.preventDefault();
        var id = $(this).data('id');
        const swalWithBootstrapButtons = Swal.mixin({
            customClass: {
                confirmButton: 'btn btn-success',
                cancelButton: 'btn btn-danger'
            },
            buttonsStyling: false,
            })

            swalWithBootstrapButtons.fire({
            title: 'Are you sure?',
            text: "Payment method Bank Transfer Mandiri!",
            type: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Yes!',
            cancelButtonText: 'No, cancel!',
            reverseButtons: true
            },
            function(isConfirm) {
                if (isConfirm){
                    $('#my-form').on('submit', function(e) {
                        e.preventDefault(); 
                        $.ajax({
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            type: "POST",
                            url: "{{ route('payment') }}",
                            data: $('#my-form').serialize(),
                            success: function (data) {
                                        //
                                }         
                        });
                    });
                }
        });
    });
</script>

很长一段时间以来，我一直在寻找解决方案，但仍然无法解决

请帮助我。 thx ..

Answer 1

请附上可用于Swaralert.js的CDN。我没有看到上面的错误，我建议您在脚本之前添加以下代码。

https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js

如何用这个甜蜜的警报解决问题？

1 个答案: