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> 

これはSweetalertはもうサポートされていないfiddle

Answer 1

私はあなたのファイルは（例えば旧）間違っているなどが想定しています。

スニペット：

$(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>

Answer 2

です。おそらく、あなたはsweetalert2に切り替えたいことがあります。

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

[JSFIDDLE]