web-dev-qa-db-fra.com

jQuery Mobile - bouton de retour

Je développe l'application à l'aide de jQuery Mobile 4.1.

Dans mon application, j'ai deux pages HTML telles que login.html et home.html. Dans le home.html avoir 3 pages. () comme menupage, page de recherche, page de résultat. 

Le flux de projet est login.html ---> home.html. Dans home.html, menupage est affiché en tant que première page. Si je choisis l'option Some dans le menupage, il passera à page de recherche puis à page de résultat. considère, actuellement je suis dans la page de résultats. Si j'appuie sur le bouton de retour des navigateurs mobiles (iPhone-safari, Android-chrome), le fichier se connecte à login.html. 

Mais je veux afficher la page de recherche. Comment résoudre celui-ci? Est-il possible de faire cela? 

[Remarque: les pages doivent figurer dans une seule page HTML (home.html).

jquery-mobile
23
Finder

utilisez l'attribut data-rel="back" sur la balise d'ancrage au lieu de la navigation par hachage, cela vous mènera à la page précédente

Regardez en arrière reliant: Ici

68
Phill Pafford

Les versions plus récentes de l'API mobile JQuery (je suppose que sa version la plus récente est la 1.5) nécessitent l'ajout explicite du bouton «Retour» explicitement dans l'en-tête ou le bas de chaque page.

Alors, essayez d'ajouter ceci dans vos balises div page:

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

Exemple:

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

essayer

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

ou 

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

    });
});
5
Steven Lizarazo

Vous pouvez essayer ce script dans l'en-tête du code HTML:

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

Vous pouvez utiliser l'option nonHistorySelectors de jquery mobile lorsque vous ne souhaitez pas suivre l'historique. Vous pouvez trouver la documentation détaillée ici http://jquerymobile.com/demos/1.0a4.1/#docs/api/globalconfig.html

1
Yekmer Simsek

Ceci est pour la version 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>
0
Shivek Parmar

essayez d'utiliser li peut être plus uniforme 

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