jQuery Mobile - botón Atrás

Question

Estoy desarrollando la aplicación usando jQuery Mobile 4.1.

En mi aplicación, tengo dos páginas html como login.html y home.html. En home.html tiene 3 páginas.() como página de menú, página de búsqueda, página de resultados.

El flujo del proyecto es login.html ---> home.html. En home.html, la página de menú se muestra como una primera página. Si elijo alguna de las opciones en la página de menú, se moverá a la página de búsqueda y luego a la página de resultados. considera, actualmente estoy en la página de resultados. Si presiono el botón Atrás en los navegadores móviles (iPhone-safari, Android-chrome), entonces se mueve al login.html.

Pero quiero mostrar la página de búsqueda. ¿Cómo resolver esto? ¿Es posible hacer esto?

[Nota: Las páginas deben estar en la página html única (home.html).

Answer 1

uso del atributo data-rel="back" en la etiqueta de anclaje en lugar de la barra de navegación de hash, esto le llevará a la página anterior

Mira hacia atrás vincular: Here

Answer 2

Puede utilizar la opción nonHistorySelectors de jquery mobile donde no desea rastrear el historial. Puede encontrar la documentación detallada en el presente http://jquerymobile.com/demos/1.0a4.1/#docs/api/globalconfig.html

Answer 3

Puede probar este script en el encabezado del código HTML:

<script> 
    $.extend( $.mobile , { 
    ajaxEnabled: false, 
    hashListeningEnabled: false 
    }); 
</script> 

Answer 4

las nuevas versiones de API móvil jQuery (que supongo que es más nuevo que 1,5) botón requerir la adición de 'atrás' de forma explícita i n encabezado o parte inferior de cada página.

Por lo tanto, trate de añadir esto en su página de etiquetas div:

data-add-back-btn="true" 
data-back-btn-text="Back" 

Ejemplo:

<div data-role="page" id="page2" data-add-back-btn="true" data-back-btn-text="Back"> 

Answer 5

tratar

$(document).ready(function(){ 
    $('mybutton').click(function(){ 
     parent.history.back(); 
     return false; 
    }); 
}); 

o

$(document).ready(function(){ 
    $('mybutton').click(function(){ 
     parent.history.back(); 

    }); 
}); 

Answer 6

Esta es la versión 1.4.4

<div data-role="header" > 
     <h1>CHANGE HOUSE ANIMATION</h1> 
     <a href="#" data-rel="back" class="ui-btn-left ui-btn ui-icon-back ui-btn-icon-notext ui-shadow ui-corner-all" data-role="button" role="button">Back</a> 
    </div> 

Answer 7

intenta utilizar li puede ser más uniforme

<ul> 
<li><a href="#one" data-role="button" role="button">back</a></li> 
</ul>