Die übergabe der Daten aus der Listenansicht Seite für detail-Ansicht-Seite in jquery mobile

Ich bin die Generierung der Listen-Ansicht via ajax. Was ich versuche zu tun ist, wenn Benutzer klicken Sie auf es dauert es auf der details-Ansicht durch seine id. Ich bin immer der Liste, aber nicht die details.Meine Frage ist, wie übergibt man die id von Seite zu anderen Seite.

$(document).ready(function(){
var output = $('#output');
$.ajax({
url: 'http://localhost/Backend/getDinner.php',
dataType: 'jsonp',
jsonp: 'jsoncallback',
timeout: 5000,
success: function(data, status){
$.each(data, function(i,item){ 
    var Menu_Dinner = '<li><a data-transition="slide" href="details.html?ID=' 
    + item.ID + '">' +`'<img src="'+ item.ImageURL + '">' +
    '<h2 class="ui-li-heading">' + item.Title + '</h2 >' + 
    '<h2>' + 'Price: ' + item.Price + '</h2>'+ '</a></li>';
    output.append(Menu_Dinner);
    console.log($("#output").html());`
});
},
error: function(){
  output.text('There was an error loading the data.');
}
});
});

ich verwendete den folgenden code, um die id aus der Liste anzeigen und die Anzeige von details der jeweiligen Liste.

$('#detailsPage').live('pageshow', function(event) {
var ID = getUrlVars()["ID"];
$.getJSON(serviceURL + 'getDinner.php?ID='+ID, displayItem);
});  
function displayItem(data) {
var item = data.item;
console.log(item);
$('#itemPic').attr('src', '' + item.ImageURL);
$('#fTitle').text(item.Title);
$('#Description').text(item.Description);
$('#Price').text(item.Price);
}

- Und dies ist die detail.html Seite die details angezeigt .

<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
  <div id="detailsPage" data-role="page" >

<div data-role="header">
       <a data-role="button" data-rel="back" data-icon="arrow-l" data-theme="b">Back</a>
    <h1>Details</h1>
</div>

    <div data-role="content"> 

  <img id="itemPic"/>
  <h3 id="Title"></h3>
      <p id="Description"></p>
      <p id="Price"></p>


      <button class="add-to-cart">+ Add to Cart</button>
</div>

  </div>

  </body>

  </html>
InformationsquelleAutor Bishal Budhapirthi | 2013-03-28
  1. 2

    Dies wird Ihnen helfen, es ist meine Antwort/Artikel zu diesem Thema: jQuery Mobile: Senden von Daten von einer Seite zur anderen

    Dort finden Sie mehrere Lösung, die Sie gerade brauchen, um wählen Sie die richtige.

    Eins noch, in Fall, dass Sie wollen halten Sie Ihre Lösung, die Sie brauchen einen Weg, um Daten zu speichern, während die Seite übergang, meine anderen ARTIKEL kann Ihnen dabei helfen. Suchen Sie einfach nach im Kapitel: Daten/Parameter-manipulation zwischen Seite übergänge.

    • Vielen Dank für Ihre Antwort.
    • Noch ist der code nicht funktioniert. Ist etwas falsch mit dem code. $('#detailsPage').live('pageshow', function(event) { var ID = getUrlVars()["ID"]; $.getJSON(serviceURL + 'getDinner.php?ID='+ID, displayItem); }); displayItem Funktion(Daten) { var item = Daten.Element; console.log(item); $('#itemPic').attr('src', " + item.ImageURL); $('#fTitle').text(item.Titel); $('#Description').text(item.Beschreibung); $('#Preis').text(item.Preis); }
    • Methode, die Sie verwenden, wird nur die Arbeit auf mehrere HTML jQuery Mobile Vorlage, überprüfen Sie es. Auch gibt es 4 Lösungen, erzählen Sie mir nicht, Sie nicht finden können, ein brauchbares ein.
    • Endlich die Lösung gefunden. Hoffe, dass dies hilfreich wäre für jemanden in der Zukunft. Hier ist der link: jsfiddle.net/rfF3j/1
    InformationsquelleAutor Gajotres
Schreibe einen Kommentar