Javascript 如何解决此甜蜜警报的问题?

Javascript 如何解决此甜蜜警报的问题?,javascript,laravel,sweetalert,Javascript,Laravel,Sweetalert,我想将sweetalert与我的项目集成。但我有以下错误 这是我的html代码 <script type="text/javascript"> $('.bank').on('click', function (e) { e.preventDefault(); var id = $(this).data('id'); const swalWithBootstrapButtons = Swal.mixin({

我想将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>

$('.bank')。在('click',函数(e){
e、 预防默认值();
var id=$(this.data('id');
const swalWithBootstrapButtons=Swal.mixin({
客户类别:{
确认按钮:“btn btn成功”,
取消按钮:“btn btn危险”
},
按钮样式:false,
})
带靴扣的swalWithBootstrapButtons.fire({
标题:“你确定吗?”,
文本:“付款方式银行转账Mandiri!”,
键入:“警告”,
showCancelButton:true,
confirmButtonText:“是!”,
cancelButtonText:'不,取消!',
反转按钮:真
},
功能(isConfirm){
如果(我确认){
$(“#我的表格”)。关于('submit',函数(e){
e、 预防默认值();
$.ajax({
标题:{
'X-CSRF-TOKEN':$('meta[name=“CSRF-TOKEN”]).attr('content'))
},
类型:“POST”,
url:“{route('payment')}}”,
数据:$(“#我的表单”).serialize(),
成功:功能(数据){
//
}         
});
});
}
});
});
我一直在寻找解决这个问题的办法,但我还是解决不了


请帮帮我。thx.

请包括可用于sweatalert.js的CDN。 因为我没有看到上面有任何错误, 我建议您在编写脚本之前添加以下代码

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

错误是什么?你必须把
错误
和你的
html
代码也加上问题。提供一个ƒ。使用问题编辑器的。包括最小的HTML。除非相关,否则不要包含一堆Ajax内容。链接到您所依赖的库的CDN托管实例。如果看不到您遇到的错误,我们将很难为您提供帮助。按“确认”按钮时,onsubmit函数不起作用。我已经这样做了。按下“确认”按钮时,onsubmit函数不起作用。@Nguyễ内华达州ết请检查浏览器中的控制台日志,并告诉我们问题或错误。