cordova&jquery：Wert gesendet, um eine weitere statische html-Seite

Mache ich ein ios-web-app mit Cordova und JQuery. Ich erstelle die index.html die hat eine 3-Zeilen-Liste anzeigen. wenn die Zeile geklickt wird, wird die Seite auf einen anderen wechseln page.html. Nach der angeklickten Zeile, die JS fragt Daten aus dem server, und aktualisieren Sie die page.html.
Nun Meine Frage ist, was ist die best practice, um es zu implementieren? Ich meine, das ist der reguläre Stil zu tun, wie ich es bin frisch an der front-end.
Derzeit füge ich die Anker in index.html:

<li><a href="page.html">A Header Bars</a></li>

Allerdings habe ich Probleme treffen:

  1. Ich weiß nicht, wie man die angeklickte Zeile Informationen in page.html

  2. In page.html, wie kann ich starten Sie eine Anfrage, um die Daten abzurufen? In page.html Schreibe ich:

    $(document).ready(function()
{
    console.log("test");
    document.write("page test");
})

Aber es wird nicht aufgerufen.

Dank.

InformationsquelleAutor scorpiozj | 2012-12-18
  1. 6

    Wenn Sie möchten, einen Wert von einer Seite zur anderen, Sie haben einige Optionen (die gleichen Regeln gelten für einzelne jQM html mit mehreren Seiten und für die jQM-Projekt gebaut, um mehrere html-Dateien):

    I. Auf der zweiten Seite verwenden pagebeforeshow und abrufen aller erforderlichen Daten über ein data-Objekt. Können sagen, Sie haben 2 html-Dateien, erste html hat eine id "Seite1" und das zweite ist eine id "page2"), Beispiel:

    $('#page2').live('pagebeforeshow', function (e, data) {
    alert(data.prevPage.find('div[data-role="content"]').attr('id'));
});

    II. Zweite option ist die Erstellung eines gemeinsamen Objekts, die verwendet werden, als Daten Speicher:

    var storeObject = {
    someValue : '1',
    anotherValue : '2'
}

    Dies ist eine einfachste Lösung, aber es wird nur funktionieren, während ajax laden der Seite aktiv ist.

    III. Sie können Werte übergeben mit changePage:

    $.mobile.changePage('page2.html', { dataUrl : "page2.html?paremeter=123", data : { 'paremeter' : '123' }, reloadPage : true, changeHash : true });

    und Lesen Sie wie folgt:

    $('#page2').live('pagebeforeshow', function (e, data) {
    var paremeter = $(this).data("url").split("?")[1];;
    paremeter = paremeter.replace("paremeter=","");   
    alert(paremeter);
});

    Mehr info

    Wenn du mehr erfahren möchtest über dieses Thema werfen Sie einen Blick auf diese "Artikel. Finden Sie mehrere Lösungen mit Beispielen.

    • Ich legte das erste Skript in den Kopf/Körper page2.html mit <script>, und es ist nicht genannt. wo sollte ich es sagen?
    • Oh, ich habe es in der falschen<div> block. Danke!
    • Es sieht aus wie der url-Variablen sind nicht gepflegt, in der URL aber, ist das richtig? Also werde ich direkt auf eine Seite oder Seiten aktualisieren funktioniert nicht gut...ich erstellt eine plug-in, die es erlaubt für den URL-Parametern und führt Sie in die URL.
    InformationsquelleAutor Gajotres
  2. 0

    überprüfen Sie in diesem Beispiel hier, Hoffe, es wird helfen,

    http://wpcertification.blogspot.com/2012/05/using-jquery-mobile-in-phonegapcordova.html

    • Aber die Probe hat nur eine Seite.
    InformationsquelleAutor Saifuddin Sarker
  3. 0

    https://stackoverflow.com/a/16497284/3169868 Antworten dieser gut. Für cordova+wp8, die option mit "LocalStorage" ist einfach zu implementieren.

    InformationsquelleAutor S_S
Schreibe einen Kommentar