SweetAlert isConfirm 无法正常工作

Question

我想在提交这样的表单后向用户显示Sweet Alert 2 确认消息：

<form id="myForm" data-flag="0" action="" method="POST">
   @csrf
   <input type="checkbox" id="btn-submit" name="wallet_checked" onchange="this.form.submit();">
</form>

如您所见，我使用onchange="this.form.submit();" 提交表单，而不使用提交按钮，它工作正常。

然后我尝试将其添加为向用户显示 SweetAlert 消息的脚本：

 $(document).on('click', '#btn-submit', function(e) {
    e.preventDefault();
    let form = $(this).parents('form');
    swal(
        {
        title: "Attention!",
        text: "Are you sure you want to make this",
        type: "warning",
        allowEscapeKey: false,
        allowOutsideClick: false,
        showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "Yes",
        cancelButtonText: "No",
        showLoaderOnConfirm: true,
        closeOnConfirm: false
    },

    function (isConfirm) {
        if (isConfirm) {
            console.log("YES");
        }
        return false;
    });
});

因此，该功能在单击复选框后会在屏幕上显示 Sweet Alert 消息，但是当我按下 Yes 按钮时，它不会运行 console.log("YES");。

这意味着if (isConfirm) {function (isConfirm) { 工作不正常。

那么如何解决这个问题呢？ isConfirm 有什么问题？

Answer 1

把这个改成：

 $(document).on('click', '#btn-submit', function(e) {
    e.preventDefault();
    let form = $(this).parents('form');
    swal(
        {
        title: "Attention!",
        text: "Are you sure you want to make this",
        type: "warning",
        allowEscapeKey: false,
        allowOutsideClick: false,
        showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "Yes",
        cancelButtonText: "No",
        showLoaderOnConfirm: true,
        closeOnConfirm: false
    })
    .then((isConfirm) => {
        if (isConfirm) {
            console.log("YES");
        }
        return false;
    });
});