JQuery indicador de actividad móvil no se muestra en android

Intento mostrar el indicador de actividad en mi aplicación. Estoy usando activity.js para el indicador de actividad. Que uno está trabajando bien en el navegador y el iPhone Pero no funciona en los dispositivos Android.

No sé por qué el indicador no funciona en dispositivos Android.

Aquí está mi código de ejemplo para el indicador de actividad:

 function showIndicator() { console.log("inside show indicator"); applyOverLay(); var showIndicator = document.createElement("div"); showIndicator.setAttribute("class", "activity-indicator"); document.body.appendChild(showIndicator); $('.activity-indicator').activity({ width: 5, space: 1, length: 3, color: '#fff' }); } function applyOverLay() { var overlay = document.createElement("div"); overlay.setAttribute("id", "overlayAttr"); overlay.setAttribute("class", "overlay"); document.body.appendChild(overlay); } function hideindicator() { $('.activity-indicator').activity(false); setTimeout(function() { $(".activity-indicator").empty().remove(); }, 0); setTimeout(function() { $(".overlay").empty().remove(); }, 0); } function loadhtmlpage() { //location.href='#refillReminder'; $.mobile.changePage("#refillReminder"); showIndicator(); hideindicator(); } style.css: .activity-indicator { padding: 10px; position: absolute; top: 50%; left: 45%; z-index: 1001; } 

He utilizado el siguiente código para mostrar el indicador de actividad nativa en Android .. esto .. puede ayudar ..

 document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { $(document).bind("ajaxSend", function() { navigator.notification.activityStart("App Name","Loading..."); }).bind("ajaxStop", function() { navigator.notification.activityStop(); }).bind("ajaxError", function() { navigator.notification.activityStop(); }); } 

Tal vez debería intentar mostrar el indicador en el método loadhtmlpage y agregar un manejador al método pageshow en la página #refillReminder jQuery para desactivarlo.

He utilizado el indicador predeterminado de jQuery Mobile e intentas mostrar, en la misma página antes de una operación larga como una llamada ajax y ocultarlo en el siempre manejador.

También parece extraño que intentes esconderlo después de mostrarlo con ese tiempo de espera.

Puede usar el indicador predeterminado de la actividad móvil de jquery como un fallback, utilizando:

 $.mobile.loading('hide'); //to hide the spinner $.mobile.loading('show'); //to show the spinner 

El componente es muy flexible que podría utilizar el tema o sobrescribir el gif giratorio.

Más información aquí Jquery Mobile Loader

Los dispositivos Androide son lentos

Tal vez trate de optimizar su código aquí:

http://net.tutsplus.com/tutorials/javascript-ajax/10-vías-para-instante-increer-su-jqueria-performance/

El navegador de Android es un poco más lento en comparación con los navegadores de escritorio cuando se crean elementos y se estiliza con javascript. Así que para su caso, el indicador podría estar tomando tiempo en la carga en el navegador Android, pero debido al problema que mencioné, la solicitud ya se ha completado dentro de ese tiempo y el indicador no tuvo la oportunidad de aparecer, tratar de utilizar el estilo css , Añadir / quitar clases y evitar el estilo css en línea con javascript siempre que sea posible. Para el cargador de actividades, prueba algo como esto:

http://jsbin.com/oPIyuqUk/1/edit?html,css,js,output

O intente cargar los cargadores móviles de Jquery aquí:

http://demos.jquerymobile.com/1.2.1/docs/pages/loader.html

  • Impresión desde la web en Android
  • Las imágenes no se muestran en el emulador de Android para la aplicación phonegap / jquerymobile
  • Phonegap + Jquery móvil en Android: varias páginas HTML Javascript no funciona
  • Error log sqlite no se ha podido cargar desde /cachedGeplacement.db
  • Ejecutar aplicación Android phonegap en segundo plano
  • Problema de compatibilidad de Phonegap-Jquery en Android
  • cómo encontrar el recuento de elementos de la lista visible en el filtro de búsqueda jQuery mobile
  • PhoneGap: caída de la aplicación que toma la imagen del retrato
  • ¿Cómo desactivo el botón de retroceso de Android en una página y cambio al botón de salida en cada otra página
  • Cómo ocultar la barra de direcciones del navegador cuando la altura de la página es fija y tiene jQuery desplazamiento interno
  • Cómo defino launchMode en AndroidManifest.xml - Uso de PhoneGap y JQM
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.