Question

我有一个在选择下拉菜单项时调用的函数，该函数会触发sweetalert2弹出窗口，如下所示：

function SwalPopup(ip, method) {
                var methodmsg = method.charAt(0).toUpperCase() + method.slice(1);
                swal.fire({
                    text: 'Are you sure you want to '+methodmsg+' ?',
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#3085d6",
                    confirmButtonText: 'Yes, '+methodmsg+'!',
                    cancelButtonColor: '#d33',
                    showCloseButton: true,
                    showLoaderOnConfirm: true,
                    preConfirm: function () {
                        return new Promise(function (resolve, reject) {
                            var ajaxCall = $.ajax({
                                    url: 'wait.php',
                                    type: 'GET',
                                    dataType: 'json',
                                    timeout: 5000
                            })

                            ajaxCall.done(function( response ){
                                resolve(response);
                                swal.fire({
                                    type: 'success',
                                    html: 'Component with IP: <?php echo $action_ip; ?>'+ip+' was '+methodmsg+' sucessfully!',
                                    showCancelButton: false,
                                    confirmButtonColor: '#3085d6',
                                    confirmButtonText: 'Ok',
                                    allowOutsideClick: false
                                });
                            });

                            ajaxCall.fail(function( jqXhr, textStatus, errorThrown ){
                                reject(errorThrown);
                                Swal.fire('Error! It was not possible to '+methodmsg+' component with IP: <?php echo $action_ip; ?>'+ip, 'Status: '+textStatus+' Error: '+errorThrown);
                            });
                        });
                    },
                    allowOutsideClick: false
                });
            }

我的wait.php文件正在执行sleep（10）并返回true：

sleep(10);

echo json_encode(array(
    'success' => true,
));

因此，通过Ajax调用的这个wait.php文件需要10秒，但是我对ajax请求强制设置了5秒的超时。在超时完成之前，swealert弹出窗口会显示加载动画和“取消”按钮。但是此取消按钮不可单击。我想给它分配一个异常中止的功能，以便它可以花很长时间取消ajax请求。

这是一个错误吗？

谢谢

Answer 1

该行为将在SweetAlert2的下一个主要版本中进行更改，您可以在此处跟踪进度：https://github.com/sweetalert2/sweetalert2/issues/1501

现在，使用Swal.getCancelButton().removeAttribute('disabled')作为解决方法。

SweetAlert2取消按钮在ajax调用期间不可单击

1 个答案: