ciao!
io ho questo modal fatto con bootstrap:
codice:
<div class="modal fade modal-vertical-centered" id="modal_wait" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<i class="fa fa-spinner fa-5x fa-spin"></i>
</div>
</div>
</div>
</div>
questo viene lanciato quando richiamo delle funzioni ajax; ad esempio:
codice:
function importFornitori() {
$.ajax({
type: "GET",
url: '.............',
beforeSend: function (xhr) {
$('#modal_wait').modal('show');
}
}).done(function (res) {
$('#modal_wait').modal('hide');
console.log('OK');
}).fail(function (err) {
$('#modal_wait').modal('hide');
alert("ERRORE import store: " + err);
}).always(function () {
$('#modal_wait').modal('hide');
});
}
in pratica:
- avvio la funzione da un button
- si visualizza la finestra modale
- viene eseguita l'operazione remota
- in console compare ok (quindi non si sono errori)
- ma la finestra modale rimane aperta
qualche idea??