JQuery Mobile, le bouton de retour de liste imbriqué a disparu?

Eu le même problème, voici une solution:

comme le bouton back est maintenant désactivé par défaut, vous devez l'activer avant de charger jQuery mobile (et après avoir chargé jQuery):

    <script type="text/javascript">
$(document).bind("mobileinit", function() {
      $.mobile.page.prototype.options.addBackBtn = true;
 });    
</script>   

maintenant, comme le bouton arrière de jQuery est bogué à lui seul, vous le verrez parfois apparaître là où il ne devrait pas être. Pour éviter cela, ajoutez les lignes suivantes à votre conteneur de page:

data-add-back-btn="false"

ceci empêchera le bouton arrière de devenir confus par rafraîchissement de page et de montrer où il ne devrait pas l'être.

s'inspirant de la ci-dessus posté exemple, c'est comment j'ai pu ajouter le bouton de Retour à mes listes imbriquées.

ce que je faisais était d'ajouter un listview parent() quand certaines conditions existaient, puis d'ajouter un listview enfant () seulement quand certaines données étaient disponibles.

selon la situation, je pourrais avoir 0 à 5 listes d'enfants.

par exemple:

self.cont.append($("<ul id='addtlInfo' />"));
self.loadMeds(self.cont.attr("id"));
self.loadContacts(self.cont.attr("id"));
self.loadDX(self.cont.attr("id"));
$.mobile.page.prototype.options.addBackBtn = true;

self.cont est simplement une DIV sur la page où j'ajoute mon objets jQuery.

Chacun de la .les méthodes loadXXX ressemblent fondamentalement à ce qui suit:

self.loadMeds = function (client_id) {
    if (!$("#clientMeds").exists()) {
        cw.ds.executeSQL("SELECT * FROM CLIENTS_MEDS WHERE client_id = ?", [client_id], self.appendMeds);
    };
};

self.appendMeds = function (tx, r) {
    var $meds = $("<li>Medications</li>");
    var $medlist = $("<ul />");
    var rs, meds, med = "";
    var m = 0;
    if (r.rows.length > 0) {

        for (var i = 0; i < r.rows.length; i++) {
            rs = r.rows.item(i);
            meds = rs.data.split("\n");

            for (var j = 0; j < meds.length; j++) {
                med = med + meds[j] + "<br />";

                if (m == 2) {
                    $medlist.append($("<li>" + med + "</li>"));
                    med = "";
                    m = -1;
                };
                m++;
            };

        };
    };
    $meds.append($medlist);
    var $m = $("<ul id='clientMeds' />").append($meds);
    $("#addtlInfo").append($("<li />").append($m));
    $("#clientMeds").listview();
};

comme vous pouvez le voir, une fois que j'ai ajouté chaque liste d'enfants, j'appelle la méthode listview (). Il en est résulté une listview des parents avec des listes distinctes pour les enfants.

le problème avait été, si j'avais cliqué sur l'un des éléments dans le listview parent(), je pouvais voir les éléments enfants comme prévu, mais il n'y avait aucun moyen de revenir au listview parent. C'est vraiment devenu un problème quand je testais mon code sur l'iPad ( car il n'y a pas de bouton Back natif. @ le moins sur Droid, Il ya un bouton arrière réelle ).

Quand j'ai essayé de le premier correctif: les données-ajouter-arrière-btn="true", cela n'a pas fonctionné comme prévu.

Le deuxième correctif;

    <script type="text/javascript">
$(document).bind("mobileinit", function() {
      $.mobile.page.prototype.options.addBackBtn = true;
 });    
</script>  

N'a pas semblé à l'élégance pour moi puisque c'était Page large. Je ne cherchais à faire ce réglage que S'il devait y avoir une listview imbriquée et j'ai été agréablement surpris quand ça a fonctionné comme ça. devrait.