les comento,estoy trabajando en un preloader que cargue un div con cada petición ajax, ya revisé la documentación de jquery y encontré el manejador de eventos de ajax y lo implementé, pero tengo un problema, el ajaxStart, solo carga el gif en la primera peticion ajax, el resto de peticiones no las carga... Pero ojo! es solamente con el div, porque les pongo console.log con un mensajito y ahí si tooodas las peticiones ajax que ejecuto aparece su mensaje correspondiente, y eso es lo que me vuelve loco!!! Adjunto el código. Gracias de antemano.
<div class="gifdecarga" id="gifdecarga" style="display:none">
<img src="plantillas/images/sololetras.svg" alt="contableniifimagen" width="300px" style="position:absolute;" id="otraimagen">
<div class="preloader"> <p>Cargando Informacion...</p> </div>
<div class="div-bolita">
<img src="plantillas/images/logonormal.svg" alt="" id="bolita">
</div>
</div>
<script type="text/javascript">
$(document).ajaxStart(function(){$('#gifdecarga').show()});
$(document).ajaxStop(function(){$('#gifdecarga').hide()});
</script>`