SweetAlert showLoaderOnConfirm wird nicht angezeigt

Question

Ich benutze Sweetalert, um Löschbestätigung anzuzeigen, und später während der Anzeige einer Ladeaktion zu verarbeiten, obwohl es nicht funktioniert, das ist der Code, der nicht funktioniert (es soll ein Laden anzeigen Animation, aber tut es eigentlich nicht) irgendwelche Gedanken?

Dies ist die 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> 

ist dies die fiddle

Answer 1

Ich nehme an, Ihre Include-Dateien falsch sind (alt zum Beispiel).

Das Snippet:

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

Sweetalert mehr nicht unterstützt wird. Wahrscheinlich können Sie sweetalert2 wechseln möchten:

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]