Comment passer des valeurs dans jQuery Mobile?

En travaillant avec PhoneGap, j’ai créé une firebase database SQLite qui stocke le nom et le numéro de téléphone avec un champ d’identifiant automatique. J’utilise jQuery Mobile pour récupérer le résultat et l’afficher dans une liste, voici le code

function queryDB(tx){ tx.executeSql('SELECT * FROM DEMO',[],querySuccess,errorCB); } function querySuccess(tx,result){ $('#contactList').empty(); $.each(result.rows,function(index){ var row = result.rows.item(index); $('#contactList').append(''+row['name']+'
Phone '+row['phone']+'
'); }); $("#contactList").listview(); }

Maintenant, je veux que lorsque l’utilisateur appuie sur un élément de la liste à l’écran, il doit être redirigé vers une nouvelle page. Parallèlement, je souhaite transmettre l’identifiant de cet utilisateur à la nouvelle page afin de pouvoir enregistrer davantage de détails dans la firebase database à l’aide de cet identifiant. Comme je suis nouveau dans JQM, je ne sais pas comment le faire.

La première chose que vous devez attaquer l’événement à tous les LI

  $('#contactsList li').on("vclick",function(){ //do what you need to do to change the page });

Vous manquez également le ‘data-role = “button”‘ sur chacun des liens dans li. Je les changerais comme ça:

  $('#contactList').append(''+row["name"]+'
Phone '+row["phone"]+'
');

À la fin:

  $('#contactsList li').on("vclick",function(){ localStorage.currentId = $('a',this).attr("id"); $.mobile.changePage('myOtherPage.html'); });

Pour accéder à l’id de l’autre page:

  var currentId = localStorage.currentId;