Estoy usando jquery mobile con phonegap. Mi aplicación tiene dos páginas: página de inicio de sesión y página de lista. Cuando inicie sesión con éxito, el usuario irá a la página de la lista. Luego, cuando presionen el botón Atrás en su teléfono (Android), volverán a la página de inicio de sesión. No quiero un comportamiento como este. Lo que quiero es salir de la aplicación.Jquery mobile, eliminar la página anterior
Respuesta
Como respondí en esta pregunta: page hash and backbutton issue phonegap+Jquery
Puede cambiar las páginas sin mantenerlos en el historial del navegador, así:
$.mobile.changePage('#page', {reverse: false, changeHash: false});
Por desgracia, no he podido para evitar que la página inicial de permanecer en el historial del navegador, por lo que utiliza una solución: diseño
Página:
<body>
<!-- page_1 before page_loading in source -->
<div data-role="page" id="page_1">
</div>
<!-- page_loading will be shown first -->
<div data-role="page" id="page_loading">
<div data-role="content">
<h1 >
<b>welcome</b>
</h1>
</div>
</div>
<div data-role="page" id="page_2">
</div>
</body>
jQuery:
function onBodyLoad()
{
//go to page_loading before deviceready without keeping it in browser history
$.mobile.changePage('#page_loading', {reverse: false, changeHash: false});
document.addEventListener("deviceready", onDeviceReady, false);
}
function onDeviceReady()
{
//your initialization code here...
//now go to page_1 without keeping it in browser history since the actual first page was #page_1 already
$.mobile.changePage('#page_1', {reverse: false, changeHash: false});
//your code here...
}
Esto debe adaptarse a sus necesidades, simplemente probarlo. "#page_loading" sería su página de inicio de sesión, "PAGE_1" la lista de la página ...
Adición de opciones para inversa y changeHash no funcionó para mí. usando Cordova v1.6
Terminé anulando el método onTouch en mi actividad de Android.
@Override
public boolean onKeyUp(int keyCode, KeyEvent event) {
if (KeyEvent.KEYCODE_BACK == keyCode) {
// Clear browsers history if user clicks back button
clearHistory();
}
return super.onKeyUp(keyCode, event);
}
Tenga en cuenta que changeHash: falsa refiere a la página de destino , no a la fuente. No eliminarás la página fuente del historial. En su lugar, el hash de la historia no se actualiza cuando se mueve a la nueva página
Si utiliza la última versión de jQuery Mobile (1.4+), puede utilizar este script:
$.mobile.pageContainer.pagecontainer('change', '#page', {reverse: false, changeHash: false});
jQuery.mobile.changePage
está obsoleta de jQuery Mobile 1.4.0 y se eliminará en 1.5.0.
- 1. jQuery Mobile: Obteniendo ID de la página anterior
- 2. JQuery Mobile eliminar transición de página de diapositivas
- 3. Cómo eliminar elementos de listview JQUERY mobile
- 4. jQuery Mobile CSS3 Transiciones de página sin jQuery Mobile Library
- 5. jQuery Mobile NavBar con el botón Atrás de la página anterior
- 6. ¿Cómo eliminar el fondo de la página para Jquery Mobile Dialog?
- 7. volver a la página anterior
- 8. Cargar página a un div jQuery Mobile
- 9. jQuery Mobile - Haz algo en la carga de la página
- 10. Cómo obtener la URL de la página anterior usando jquery
- 11. jQuery mobile agrega "encabezado de carga" a la página
- 12. jQuery Mobile después de la página se muestra el evento
- 13. jQuery anula la versión anterior de jQuery
- 14. Volver a la página anterior
- 15. jQuery Mobile - botón Atrás
- 16. PHP header() y jquery mobile
- 17. iOS5 + jquery-mobile transición parpadea
- 18. Mobile Jquery - Efecto Flip
- 19. Encabezado persistente en jQuery Mobile
- 20. Encabezado fijo jQuery Mobile
- 21. ¿documentación jquery-mobile alternativa?
- 22. jQuery Mobile Navigation Tabs
- 23. Cómo reparar el pie de página fijo de jQuery Mobile?
- 24. Jquery Mobile - Detectar actualización de página - Volver a la página de inicio
- 25. Jquery Mobile: lento con las transiciones de página
- 26. Abrir página externa en ventanas emergentes en jQuery Mobile
- 27. jQuery Mobile: redirigir a otra página antes de cargar
- 28. jQuery Mobile - Incluir pie de página de archivo externo
- 29. jQuery Mobile mismo pie de página en páginas diferentes
- 30. Páginas dinámicas con jQuery Mobile