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.
- JQueryMobile: ¿existe data-transition = "slideback" o similar?
- Android - forma simple de entrada de usuario web-view para back-end java con jQuery Mobile
- JSfiddle: cómo crear proyectos multi-JS / CSS / HTML proyecto?
- Desactivar el botón 'Ir' del teclado de Android para la entrada de texto de WebView
- PhoneGap + JQuery Mobile + Google Maps v3: mapa muestra azulejos de la parte superior izquierda?
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; }
- PhoneGap + jQuery Mobile = tiempo de respuesta lento
- Elija una imagen de la cámara o de la galería mediante un mensaje telefónico
- Cómo detectar sólo el navegador nativo de Android
- ¿Qué es jQuery Mobile ?. ¿Es capaz de crear juegos para Android?
- jQuery evento de prensa de botón móvil lenta para procesar
- ¿Cómo implementar carga más función en android usando phonegap?
- Deslice con jQuery Mobile 1.2, PhoneGap 2.1 y Android 4.0.4 no funcionan correctamente
- Espacio en blanco en la parte inferior de WebView en JQuery móvil
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í:
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í:
- Uso de Groovy en Android
- MVP de Android: cómo comunicarse entre el presentador de la actividad y el presentador de fragmentos