Estou tentando fazer uma tela de carregando usando modal e jquery, em que enquanto está coletando as informações do banco de dados, tem que aparecer carregando. Porém mesmo depois de já ter carregado, não está sumindo o modal. Segue o código:
<!-- Modal aguarde -->
<div class="modal fade" id="modalaguarde" tabindex="-1" role="dialog" aria-labelledby="modalAguarde" aria-hidden="true">
<div class="modal-dialog modal-aguarde modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="text-center">
<img src="img/carregando.gif" class="modal-img">
<h5>carregando...</h5>
</div>
</div>
</div>
</div>
</div><!-- Fim Modal -->
$(document).ready(function(){
$('.play').click(function(e) {
e.preventDefault();
$.ajax({
url: 'url...',
type: 'post',
data: {},
dataType: 'json',
cache: false,
contentType: false,
processData: false,
beforeSend: function(){
$('#modalaguarde').modal('show');
},success: function(data){
$('#modalaguarde').modal('hide');
}
});
});
});
</div>
.