examples - jquery mobile: ¿cómo eliminar completamente el precargador de jquery mobile?

jquery mobile examples

Question

Al cambiar el CSS para jquery mobile, puede eliminar la imagen de precarga en recargas de página, pero aún aparece un círculo gris en las recargas de página.

¿Cuál sería la forma de eliminar la indicación de precarga en jquery mobile?

Answer 1

La respuesta aceptada no funcionaba para mí en jQuery Mobile 1.4. Quería desactivar por completo la carga de Ajax, así que tengo la

$.mobile.ajaxEnabled = false; 

ya se estaba ejecutando entre la declaración de los archivos jQuery y jQuery Mobile, pero aún veía el círculo gris.

Se me ocurrió esto en mi archivo css

.ui-loader {
  display:none !important;
}

y luego el círculo gris se ha ido. Pero, un probador señaló que todavía estaba recibiendo un error de javascript en la página que no cargaba ajax-loader.gif. Busqué y encontré esto en jquery.mobile-1.4.0.css

/* Loader */
.ui-icon-loading {
    background: url(images/ajax-loader.gif);
    background-size: 2.875em 2.875em;
}

Entonces, también agregué esto a mi archivo css

.ui-icon-loading {
    background:none !important;
}

y ahora el error de javascript también se ha ido.

Answer 2

Un poco tarde, pero tal vez los usuarios de SO pudieran encontrarlo útil, corrí hacia este mismo problema y encontré que se puede show | hide show | hide el cargador usando la función $.mobile.loading() así:

Mostrar:

$.mobile.loading( ''show'', {
    text: ''Verificando Datos'',
    textVisible: true,
    theme: ''z'',
    html: ""
});

Esconder:

$.mobile.loading(''hide'');

Answer 3

La mejor forma sería deshabilitarlo por completo.

Intenta usar esto en el evento mobileinit :

$.mobile.loadingMessage = false;

Esto debería deshabilitarlo completamente:

$.mobile.hidePageLoadingMsg()

Puede encontrar más información sobre esto (con algunos ejemplos) en la documentación móvil de jQuery aquí .