Cómo mostrar un gif de carga mientras se ejecuta un formulario de envío JQuery
Intento mostrar un gif giratorio simple mientras se ejecuta un envío (toma un poco porque tengo que establecer algunas comunicaciones con los proveedores a través de los servicios web).
Entonces, tengo esto:
$('#gds_form').submit(function() {
var pass = true;
//some validations
if(pass == false){
return false;
}
$("body").prepend('<div class="ui-widget-overlay" style="z-index: 1001;"></div>');
$("body").prepend("<div id ='PleaseWait'><img src='/images/spinner.gif'/></div>");
return true;
});
la cosa es que el .gif no muestra ninguna animación, es como si estuviera congelado.
¿Por qué
Hay otra forma de implementar esto (tenga en cuenta que no estoy usando AJAX y no quiero hacerlo)
Gracias