SweetAlert showLoaderOnConfirm 不显示

Question

我正在使用 sweetalert 来显示删除确认，稍后在加载操作中显示时处理它，虽然它不起作用，但这是代码，它不起作用（它应该显示加载动画，但它实际上并没有这样做）有什么想法吗？

这个javascript

document.querySelector('div.test').onclick = function() {
swal({
title: 'Ajax request example',
text: 'Submit to run ajax request',
type: 'info',
showCancelButton: true,
closeOnConfirm: false,
showLoaderOnConfirm: true,
}, function(){
 setTimeout(function() {
  swal('Ajax request finished!');
}, 2000);
});
};

Html

<div class="test">
<button>show alert</button>
 </div>

这是fiddle

Answer 1

Sweetalert 不再受支持。您可能想切换到 sweetalert2:

Swal.fire({
  title: 'Ajax request example',
  text: 'Submit to run ajax request',
  icon: 'info',
  showCancelButton: true,
  showLoaderOnConfirm: true,
  preConfirm: function() {
    return new Promise(function(resolve, reject) {
      // here should be AJAX request
      setTimeout(function() {
        resolve();
      }, 1000);
    });
  },
}).then(function() {
  Swal.fire('Ajax request finished!');
});

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

Answer 2

我假设你的包含文件是错误的（例如旧的）。

片段：

$(function () {
  $('div.test').on('click', function (e) {
    swal({
      title: "Ajax request example",
      text: "Submit to run ajax request",
      type: "info",
      showCancelButton: true,
      closeOnConfirm: false,
      showLoaderOnConfirm: true,
    }, function () {
      setTimeout(function () {
        swal("Ajax request finished!");
      }, 2000);
    });
  })
});

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<link href="https://rawgit.com/t4t5/sweetalert/master/dist/sweetalert.css" rel="stylesheet">
<script src="https://rawgit.com/t4t5/sweetalert/master/dist/sweetalert.min.js"></script>

<div class="test">
    <button>show alert</button>
</div>

SweetAlert showLoaderOnConfirm 不显示

SweetAlert showLoaderOnConfirm not displaying

javascript

sweetalert